Membangun UI dengan Scaffold dan AppBar masuk Flutter

Di Flutter, Anda dapat membuat antarmuka pengguna yang sederhana namun kuat menggunakan Scaffold dan AppBar widget. Scaffold menyediakan struktur dasar untuk aplikasi dengan elemen umum seperti panel aplikasi, badan aplikasi, dan tombol navigasi. AppBar adalah bagian dari Scaffold dan berisi judul aplikasi dan opsi navigasi.

Di bawah ini adalah panduan tentang cara membuat antarmuka pengguna sederhana menggunakan Scaffold dan AppBar:

Flutter Buat Aplikasi Baru

Pertama, buat aplikasi baru Flutter dengan menjalankan perintah berikut di terminal:

flutter create app_name

(Ganti app_name dengan nama aplikasi Anda yang diinginkan).

Edit File main.dart

Di file main.dart(di dalam folder lib), ganti konten dengan yang berikut ini:

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

Pada contoh di atas, kita membuat aplikasi dengan Scaffold dan AppBar. Berisi Scaffold dan AppBar badan antarmuka pengguna diteruskan ke body properti.

Jalankan Aplikasi

Terakhir, untuk menjalankan aplikasi, jalankan perintah berikut di terminal:

flutter run

Aplikasi Anda akan menampilkan layar dengan judul " Flutter Aplikasi dengan Scaffold dan AppBar " di bilah aplikasi dan teks Hello, world!  di tengah layar.

Kesimpulan: Scaffold dan AppBar merupakan dua widget penting Flutter yang membantu Anda membangun antarmuka pengguna yang sederhana dan fungsional. Dengan menggunakannya, Anda dapat membuat aplikasi yang menarik dengan komponen UI dasar seperti bilah aplikasi dan badan aplikasi.