Pohon Widget

Termasuk bagian Aplikasi Pertamamu dalam perjalanan Flutter di Coddy. Pelajaran 3 dari 32.

Widget berada di dalam widget lain. Widget yang menampung widget lain meneruskannya melalui child:, seperti ini Center:

Center(
  child: Text('Hello'),
)

Center tidak menggambar apa pun sendiri. Widget ini mengambil child-nya dan meletakkannya di tengah ruang yang dimilikinya. Tanpanya, teks akan berada di sudut kiri atas.

Widget di dalam widget lain membentuk pohon widget. Di aplikasimu, pohonnya adalah MaterialApp, lalu Scaffold, lalu apa pun yang kamu letakkan di body:-nya. Child setiap widget ditulis di dalam tanda kurungnya, sehingga tanda kurung menunjukkan pohonnya. Koma di akhir setiap baris membuatnya tetap rapi.

Tantangan

Mudah

Teksnya berada di pojok kiri atas. Bungkus dengan Center agar teks berada di tengah layar:

ganti body: Text('Right in the middle'), dengan Center yang child:-nya adalah Text tersebut

Coba sendiri

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Text('Right in the middle'),
      ),
    );
  }
}