İç Boşluk

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

Metnine yapışık bir kutu sıkışık görünür. padding:, kutunun içinde, kenarıyla çocuğu arasına boşluk ekler:

Container(
  padding: EdgeInsets.all(16),
  color: Colors.yellow,
  child: Text('Room to breathe'),
)

EdgeInsets.all(16), dört kenarın her birinde 16 piksel anlamına gelir. EdgeInsets.symmetric(horizontal: 24, vertical: 8), yan kenarlarla üst ve alt kenar arasındaki boşlukları ayarlar.

Bir Container ayrıca margin: özelliğine de sahiptir. Bu, kutunun dışındaki, kutuyla komşuları arasındaki boşluktur. Renkli kısım büyümez.

Görev

Kolay

Fresh için biraz boşluk bırak: yeşil kutunun içine, her kenara 24 piksel dolgu ekle.

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.lightGreen,
            child: Text('Fresh', style: TextStyle(fontSize: 32)),
          ),
        ),
      ),
    );
  }
}