Flutter：溢出容器组件OverflowBox

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

相同类型文章

热门标签

每日一句

    爱情只在深刻的、神秘的直观世界中才能产生，才能存在，生儿育女不是爱情本身的事。

    ——索洛维约夫

今日排行

  • Electron页面跳转、浏览器打开链接和打开新窗口

    Electron页面跳转、浏览器打开链接和打开新窗口

  • Docker编译出现:temporary error (try again later)

    Docker编译镜像出现：fetch http://dl-cdn.alpinelinux.org/alpine/v3.12/main/x86_64/APKINDEX.tar.gz ERROR: http://dl-cdn.alpinelinux.org/alpine/v3.12/main: temporary error (try again later) WARNING: Ignoring APKINDEX.2c4ac24e.tar.gz: No such file or directory问题

  • 数轴上两点间的距离公式及中点公式

    数轴上两点间的距离公式及中点公式

  • 程序员转行当数学老师的感受

    一个月很快，转瞬即逝，步入教师行业已经一个月，内心有很多感悟，有时候真是没有时间，所以不能将种种感悟都留于此，借今晚的时间，谈谈这一月教师路的各种感受吧！其实说实话，教师真的比想象中的难...，我是过来人。

  • 数学家——阿基米德

    阿基米德（公元前287年—公元前212年），伟大的古希腊哲学家、百科式科学家、数学家、物理学家、力学家，静态力学和流体静力学的奠基人，并且享有“力学之父”的美称，阿基米德和高斯、牛顿并列为世界三大数学家。阿基米德曾说过：“给我一个支点，我就能撬起整个地球。

点击排行

友情链接