Genişlik ve Yükseklik

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 16 / 32.

Bir Container öğesine width: ve height: verin; böylece çocuk öğesine göre boyutlanmayı bırakır. Boyutlar piksel cinsindendir:

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

Çocuk öğe kutunun sol üst köşesinde yer alır. Flutter'daki pikseller her telefonda aynı boyuttadır, bu nedenle 300 piksel genişliğindeki bir kutu küçük ve büyük telefonlarda yaklaşık aynı görünür.

Görev

Kolay

Mavi kutuyu 200 piksel genişliğinde ve 100 piksel yüksekliğinde yap.

Kendin dene

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