Flutter：溢出容器组件OverflowBox

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

相同类型文章

热门标签

每日一句

    一个人容易想太多，想太多容易一个人。

    ——李宫俊

今日排行

  • 速查表

    速查表是自己整理了一份在工作中常用的一些资料，包含了自己在日常开发中需要常常用到的相关技术。可以给读者进行参考。

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • Centos中用Chrome将网页导出为PDF

    Centos中用Chrome将网页导出为PDF，chrome --headless --print-to-pdf https://developer.chrome.com/

  • PHP的php-fpm内存占用过高的处理方案

    PHP的php-fpm内存占用过高的处理方案

点击排行

友情链接