Flutter：溢出容器组件OverflowBox

xiaohai 2021-08-17 08:18:04 共8532人围观 标签： Flutter 
简介OverflowBox组件运行子元素超出父容器的范围显示。当OverflowBox的最大尺寸大于子元素的时候，子元素可以完整显示，当小于子元素时候，就以最大尺寸为基准显示。最后需要加上对齐方式，完成布局。所以有些时候需要某个元素超过整个区域显示时候，就可以使用该组件。

OverflowBox组件运行子元素超出父容器的范围显示。当OverflowBox的最大尺寸大于子元素的时候，子元素可以完整显示，当小于子元素时候，就以最大尺寸为基准显示。最后需要加上对齐方式，完成布局。所以有些时候需要某个元素超过整个区域显示时候，就可以使用该组件。

OverflowBox组件常用属性：

属性名 类型 说明
alignment Alignment 对齐方式
minWidth double 最小宽度
maxWidth double 最大宽度
minHeight double 最小高度
maxHeight double 最大高度
1、OverflowBox使用Demo
import 'package:flutter/material.dart';

class DemoOverflowBox extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 200.0,
      height: 200.0,
      color: Colors.green,
      padding: EdgeInsets.all(5.0),
      child: OverflowBox(
        alignment: Alignment.topLeft,
        maxHeight: 300.00,
        maxWidth: 300.0,
        child: Container(
          color: Colors.blue,
          width: 450.0,
          height: 450.0,
        ),
      ),
    );
  }
}

图片alt

相同类型文章

热门标签

每日一句

    危难无所顾，威力无所畏。

    ——孙中山

今日排行

  • Git保存和清除用户名、密码

    在使用Git的过程中，不想每次都输入用户名和密码去拉取代码，所以就需要保存这些信息，那么既然有保存了，就必须有清除功能。

  • umount：卸载文件系统

    umount命令可以卸载已经挂载的文件系统

  • OpenCV-Python读取、显示和保存图片

    OpenCV-Python读取、显示和保存图片，主要介绍如下函数的使用：imread、imshow、imwrite。读取图片使用imread函数，注意：opencv读取图片，默认颜色通道是BGR，而不是RGB。使用imshow函数即可，第一个参数表示窗口名称，第二个参数就是要显示的图像。保存图片使用imwrite函数， 第一个参数为要保存的路径和名称，第二个参数为图片，最后一个参数为可选项。

  • runlevel：输出当前运行级别

    runlevel命令用于输出当前Linux系统的运行级别

  • 卸载pip，手动安装pip的两种方式

    在使用Python进行开发时，pip作为Python的包管理工具，是我们安装和管理Python库的重要工具。然而，有时候由于操作失误或其他原因，我们可能会不小心卸载了pip。这时，如何手动重新安装pip就显得尤为重要。本文将介绍两种手动安装pip的方法，帮助你快速恢复pip功能。

点击排行

友情链接