一統天下 flutter - widget 容器類（只能有一個子）: Material - Material 組件

源碼 https://github.com/webabcd/flutter_demo
作者 webabcd

一統天下 flutter - widget 容器類（只能有一個子）: Material - Material 組件

示例如下:

lib\widget\container\material.dart

/*
 * Material - Material 組件
 *
 * Material 組件就是符合 Material Design 的一套組件，比如 Scaffold, TextButton 等
 * 而 Material 就是最簡單的 Material 組件
 */

import 'package:flutter/material.dart';

class MaterialDemo extends StatelessWidget {
  const MaterialDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    /// 因爲 IconButton 之類的必須放到一個 Material 組件內，否則會報錯
    /// 可以用 Scaffold 之類的，也可以用最輕量級的 Material
    return Material(
      /// 顏色
      color: Colors.orange,
      /// 邊框
      shape: const OutlineInputBorder(
        borderSide: BorderSide(width: 20, color: Colors.green),
      ),
      /// 子
      child: IconButton(
        onPressed: () { },
        icon: const Icon(
          Icons.home,
          size: 72,
          color: Colors.white,
        ),
      ),
    );
  }
}

源碼 https://github.com/webabcd/flutter_demo
作者 webabcd