ინტერფეისის აშენება Scaffold და AppBar შიგნით Flutter

In Flutter, თქვენ შეგიძლიათ შექმნათ მარტივი, მაგრამ ძლიერი მომხმარებლის ინტერფეისი Scaffold და AppBar ვიჯეტების გამოყენებით. Scaffold უზრუნველყოფს აპის ძირითად სტრუქტურას საერთო ელემენტებით, როგორიცაა აპის ზოლი, აპლიკაციის სხეული და ნავიგაციის ღილაკები. AppBar არის ნაწილი Scaffold და შეიცავს აპის სათაურს და ნავიგაციის ვარიანტებს.

ქვემოთ მოცემულია სახელმძღვანელო, თუ როგორ უნდა ავაშენოთ მარტივი მომხმარებლის ინტერფეისი Scaffold და AppBar:

შექმენით ახალი Flutter აპლიკაცია

პირველი, შექმენით ახალი Flutter აპლიკაცია შემდეგი ბრძანების გაშვებით terminal:

flutter create app_name

(შეცვალეთ app_name თქვენი აპლიკაციის სასურველი სახელით).

main.dart ფაილის რედაქტირება

main.dart ფაილში(lib საქაღალდეში) შეცვალეთ შინაარსი შემდეგით:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('Flutter App with Scaffold and AppBar'),  
     ),  
      body: Center(  
        child: Text('Hello, world!'),  
     ),  
   );  
  }  
}  

ზემოთ მოცემულ მაგალითში ჩვენ ვქმნით აპს Scaffold და AppBar. შეიცავს და მომხმარებლის ინტერფეისის ტექსტს გადაცემული Scaffold თვისებისთვის. AppBar body

გაუშვით აპლიკაცია

დაბოლოს, აპლიკაციის გასაშვებად, შეასრულეთ შემდეგი ბრძანება terminal:

flutter run

თქვენი აპი აჩვენებს ეკრანს სათაურით „ Flutter აპი Scaffold და AppBar “ აპის ზოლზე და ტექსტი Hello, world!  ეკრანის ცენტრში.

დასკვნა: Scaffold და AppBar არის ორი აუცილებელი ვიჯეტი, Flutter რომელიც დაგეხმარებათ შექმნათ მარტივი და ფუნქციონალური მომხმარებლის ინტერფეისი. მათი გამოყენებით, შეგიძლიათ შექმნათ მიმზიდველი აპლიკაციები ძირითადი UI კომპონენტებით, როგორიცაა აპლიკაციის ზოლი და აპლიკაციის სხეული.