首页 > 其他分享 >一统天下 flutter - widget 容器类(只能有一个子): OverflowBox - 可溢出

一统天下 flutter - widget 容器类(只能有一个子): OverflowBox - 可溢出

时间:2023-03-27 15:44:23浏览次数:51  
标签:widget OverflowBox 一统天下 child flutter 溢出

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - widget 容器类(只能有一个子): OverflowBox - 可溢出

示例如下:

lib\widget\container\overflow_box.dart

/*
 * OverflowBox - 可溢出
 */

import 'package:flutter/material.dart';
import 'package:flutter_demo/helper.dart';

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

  @override
  Widget build(BuildContext context) {
    /// OverflowBox 的宽高与父相同
    /// OverflowBox 会让其  child 自行决定宽高,如果超过了 OverflowBox 的宽高也不会有溢出警告
    return OverflowBox(
      minWidth: 0.0,
      minHeight: 0.0,
      maxWidth: double.infinity,
      maxHeight: double.infinity,
      /// child 相对于父 OverflowBox 的对齐方式
      alignment: Alignment.centerLeft,
      child: Container(
        color: Colors.red,
        /// 溢出就溢出了不会有溢出警告(注,如果设置为 double.infinity 无限大,则会因 flutter 无法渲染而导致异常)
        width: 999999,
        height: 50,
        alignment: Alignment.centerLeft,
        child: MyText("abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"),
      ),
    );
  }
}

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

标签:widget,OverflowBox,一统天下,child,flutter,溢出
From: https://www.cnblogs.com/webabcd/p/flutter_lib_widget_container_overflow_box.html

相关文章