Flutter：溢出容器组件OverflowBox

xiaohai 2021-08-17 08:18:04 共8414人围观 标签： 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

相同类型文章

热门标签

每日一句

    精诚无间同忧乐，笃爱有缘共死生。

    ——鲁迅

今日排行

  • 符号表(Symbol Table)

    符号表（Symbol Table）是一个非常常见的数据结构，在现实生活中应用很多。它是一个“键”—“值”对应的结构。在符号表中，存储的是键值对。通过输入键，查询对应的值。

  • SSH删除密钥

    以前配置了服务器的免密登录，但是后期重新装了操作系统，那么再次尝试却出现了WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!提示，那么我们需要将以前的公钥删掉

  • OpenCV-Python图像类型转换

    OpenCV-Python图像类型转换是用cv2.cvtcolor()函数，用于将图像从一个颜色空间转换为另一个颜色空间。它的参数包括输入图像、目标颜色空间和转换方式。例如，将RGB图像转换为灰度图像可以使用cv2.COLOR_RGB2GRAY作为转换方式。

  • lsof：查看进程打开的文件

     lsof命令的全称为：list open file，也就是列出系统中已经打开的文件，通过该命令就可以根据文件找到对应的进程信息，也可以根据进程信息找到进程打开的文件。   如果系统中没有lsof名，可以使用后面的命令进行安装：yum -y install lsof

  • OpenCV-Python图像金字塔：向下取样和向上取样

    OpenCV-Python图像金字塔向下取样和向上取样使用高斯金字塔，主要使用如下两个函数：cv2.pyRdown和cv2.pyrUp.

点击排行

友情链接