Lebar dan Tinggi

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

Berikan Container nilai width: dan height:, lalu ukurannya tidak lagi mengikuti ukuran child-nya. Ukuran menggunakan satuan piksel:

Container(
  width: 300,
  height: 50,
  color: Colors.orange,
  child: Text('Banner'),
)

Child berada di sudut kiri atas kotak. Ukuran piksel Flutter sama di setiap ponsel, jadi kotak dengan lebar 300 tampak hampir sama di ponsel kecil maupun besar.

Tantangan

Mudah

Buat kotak biru dengan lebar 200 piksel dan tinggi 100 piksel.

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: Container(
            color: Colors.lightBlue,
            child: Text('Box'),
          ),
        ),
      ),
    );
  }
}