一統天下 flutter - widget 容器類（只能有一個子）: FractionallySizedBox - 按比值佔用可用空間

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

一統天下 flutter - widget 容器類（只能有一個子）: FractionallySizedBox - 按比值佔用可用空間

示例如下:

lib\widget\container\fractionally_sized_box.dart

/*
 * FractionallySizedBox - 按比值佔用可用空間
 */

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: double.infinity,
      color: Colors.red,
      child: FractionallySizedBox(
        /// 實際寬度：可用寬度 * 0.5
        widthFactor: 0.5,
        /// 實際高度：可用高度 * 0.5
        heightFactor: 0.5,
        /// 子的對齊方式
        alignment: FractionalOffset.center,
        child: Container(
          color: Colors.green,
        ),
      ),
    );
  }
}

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