Flutter：溢出容器组件OverflowBox

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

相同类型文章

热门标签

每日一句

    在喜欢你的人那里，去热爱生活；在不喜欢你的人那里，去看清世界。

    ——马德

今日排行

  • mac git用户名和密码修改

    在Mac电脑中，如何对Git的用户名和密码进行修改呢？起初不懂Mac，所以整了很久，本文将记录如何对这个进行操作，以便后期使用。

  • Dockerfile和docker-compose.yml设置时区

    在使用功能镜像的时候，需要对时区进行修改，那么就需要从两个方面来考虑，本文主要记录Dockerfile和docker-compose.yml设置时区。

  • Nginx对url添加斜杠并301跳转

    通过Nginx访问不带斜线的路径的时候，Nginx会出现301跳转，并且在这个过程中会出现一些其他问题。本文主要记录下在这过程中遇到的问题，以便后续查看。

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • SSH删除密钥

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

点击排行

友情链接