Kolom

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

Center dan Container menampung satu child. Untuk menampilkan beberapa widget, gunakan Column: widget di dalam children: ditampilkan satu di bawah yang lain.

Column(
  children: [
    Text('Eggs'),
    Text('Milk'),
    Text('Bread'),
  ],
)

children: menerima sebuah list, jadi widget ditulis di dalam tanda kurung siku, masing-masing diikuti koma. Widget ditampilkan dari atas ke bawah sesuai urutan penulisannya.

Tantangan

Mudah

Aplikasi hanya menampilkan First. Ganti dengan Column yang menampilkan First, Second, lalu Third, sesuai urutan tersebut, satu di bawah yang lain.

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: Center(
          child: Text('First'),
        ),
      ),
    );
  }
}