Flutter：溢出容器组件OverflowBox

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

相同类型文章

热门标签

每日一句

    你驻足于春色中，于那独一无二的春色之中。

    ——有马公生

今日排行

  • Gin编译打包静态文件和模板文件

    如果在使用Gin框架编写web应用程序中，如果里面包含了模板文件和静态文件，我们如何进行打包呢？本文主要记录该操作。

  • 微信小程序支持Markdown的解析库Towxml和搭建公式流程图渲染服务

    Towxml 是一个让小程序（微信/QQ）可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。

  • pip国内镜像源

    默认情况下 pip 使用的是国外的镜像，在下载的时候速度非常慢，本文我们介绍使用国内源对pip进行加速。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

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

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

点击排行

友情链接