Container 為 Widget 設定 Padding | 點燈坊

Container 可替 Widget 設定 Padding。

Version

Flutter 3.24

Padding

• Hello World 的四周圍保留有 padding

• Text 並 沒有 提供屬性設定 padding

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    var appBar = AppBar(title: const Text('Container Padding'));

    var container = Container(
        padding: const EdgeInsets.all(20), child: const Text('Hello World'));

    var body = Center(child: container);

    return Scaffold(appBar: appBar, body: body);
  }
}

Line 10

var container = Container(
  padding: const EdgeInsets.all(20), 
  child: const Text('Hello World'));

• padding：設定 Container 對內的 padding
• child：將 Text 包在 Container 內

Conclusion

• 若沒對 Container 設定 有效 屬性，Android Studio 會提出警告