Flutter頁面佈局之百分百佈局FractionallySizedBox

import 'package:flutter/material.dart';

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          color: Colors.blue,
          height: 50,
          child: FractionallySizedBox(
            // 對齊方式
            alignment: Alignment.center,
            // 寬度因子 1爲佔滿整行
            widthFactor: 1,
            // 高度因子
            heightFactor: 1,
            child: Text("123"),
          ),
        ),
        appBar: AppBar(
          backgroundColor: Colors.lightBlue,
          title: Text("test"),
        ),
      ),
    );
  }
}
void main() => runApp(Test());

widthFactor爲0.5的時候：

 

 

widthFactor爲1的時候：