Scaffold ile ve AppBar içinde kullanıcı arabirimi oluşturma Flutter

içinde, ve widget'ları Flutter kullanarak basit ama güçlü bir kullanıcı arabirimi oluşturabilirsiniz. uygulama çubuğu, uygulama gövdesi ve gezinme düğmeleri gibi ortak öğeler içeren bir uygulama için temel bir yapı sağlar. bir parçasıdır ve uygulama başlığını ve gezinme seçeneklerini içerir. Scaffold AppBar Scaffold AppBar Scaffold

Scaffold Aşağıda, ve kullanarak basit bir kullanıcı arabiriminin nasıl oluşturulacağına ilişkin bir kılavuz bulunmaktadır AppBar:

Flutter Yeni Bir Uygulama Oluşturun

Flutter İlk olarak, aşağıdaki komutu çalıştırarak yeni bir uygulama oluşturun terminal:

flutter create app_name

( app_name Uygulamanızın istediğiniz adıyla değiştirin).

main.dart Dosyasını düzenleyin

main.dart dosyasında(lib klasörünün içinde), içeriği aşağıdakiyle değiştirin:

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!'),  
     ),  
   );  
  }  
}  

Yukarıdaki örnekte Scaffold ve ile bir uygulama oluşturuyoruz AppBar. Özelliğe iletilen kullanıcı arabirimi gövdesini Scaffold ve içerir. AppBar body

Uygulamayı çalıştırın

Son olarak, uygulamayı çalıştırmak için aşağıdaki komutu çalıştırın terminal:

flutter run

Uygulamanız, uygulama çubuğunda " ve Flutter ile uygulama " başlıklı bir ekran ve  ekranın ortasında metin görüntüler. Scaffold AppBar Hello, world!

Sonuç: Scaffold ve basit ve işlevsel bir kullanıcı arabirimi oluşturmanıza yardımcı olan AppBar iki temel pencere öğesidir. Flutter Bunları kullanarak, uygulama çubuğu ve uygulama gövdesi gibi temel UI bileşenleriyle çekici uygulamalar oluşturabilirsiniz.