Container 為 Widget 設定 Margin | 點燈坊

Container 可替 Widget 設定 Margin。

Version

Flutter 3.24

Margin

• Hello World 對內除了保留有 padding 外，對外還保有 margin
• Text 並 沒有 提供屬性設定 margin

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 Margin'));

    var container = Container(
        margin: 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(
  margin: const EdgeInsets.all(20), 
  child: const Text('Hello World'));

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

Conclusion

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