Flutter：溢出容器组件OverflowBox

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

相同类型文章

热门标签

每日一句

    以其至小，求穷其至大之域，是故迷乱而不能自得也。

    ——庄子

今日排行

  • Golang编译Linux或Windows可执行文件

    当我们完成一个Golang项目后，我们希望能编译成不同系统上的可执行文件。所以本文主要记录如何编译成Windows和Linux上的可执行文件。

  • Laravel命令Artisan介绍和使用

    不管是 Node.js、Python 还是 PHP 的 Web 框架，都提供了通过命令行与应用进行交互的功能，通过这些命令行工具，我们可以完成一些初始化操作，比如创建新应用、执行数据库迁移、或者快速创建类文件等，在 Laravel 中也一样，可以使用Artisan命令来进行操作。

  • Docker常用命令

    本文主要整理工作中常用的Docker命令，以便后期进行查找使用。

  • Flutter常用库

    本文主要记录在工作中常用的Flutter第三方库。

  • opencv-python 函数记录

    opencv 是用于快速处理图像处理、计算机视觉问题的工具，支持多种语言进行开发如c++、python、java等。本教程所有示例基于opencv-python，使用python语言对数字图像进行处理和研究。

点击排行

友情链接