首页 > 其他分享 >在 Flutter 中自动调整任何小部件的大小

在 Flutter 中自动调整任何小部件的大小

时间:2022-09-18 10:26:24浏览次数:96  
标签:高度 部件 宽度 自动 大小 Flutter 调整

在 Flutter 中自动调整任何小部件的大小

auto_size_widget.gif

您是否遇到过希望用户调整小部件大小但不知道如何执行的场景?好吧,前段时间我也遇到过类似的情况,我决定构建一个包作为解决方案。

[ auto_size_widget](https://pub.dev/packages/auto_size_widget) 允许用户调整任何 Flutter 小部件的大小。如果用户想要扩展字段或放大图像以获得更好的可见性等等,这对于文本字段特别有用。

以下是包的属性:

**显示图标** (布尔) auto_size_widget 默认情况下有一个调整大小图标,如果您希望在小部件中没有它,请设置为 false,但是,默认情况下为 true。

**初始宽度** 小部件的初始宽度,以后可以调整大小。

设置相同的值 最大宽度 保持小部件宽度不变。

**初始高度** 小部件的初始高度,以后可以调整大小。

设置相同的值 最大高度 保持小部件高度不变。

**最大宽度** 在调整大小期间可以达到的最大值。如果和 初始宽度 ,用户无法更改小部件的宽度。

**最大高度** 在调整大小期间可以达到的最大值。如果和 初始高度 ,用户无法更改小部件的高度。

**孩子** 将调整大小的小部件

**边框颜色** 可选参数 设置边框颜色 自动尺寸小部件

**盒子装饰** 可选参数 设置装饰 自动尺寸小部件 盒子。

您可以使用的一些常见小部件 auto_size_widget

  1. 自动尺寸图像:

Auto Height and Width Example

此小部件可以调整子小部件(图像)的大小。在这里,我为 最大宽度 最大高度 .和不同的相等值 初始宽度 初始高度 .

这会调整小部件的高度和宽度。

2. Auto Size TextField(恒定高度):

Auto Width Example

在这里,一个 TextField 用 自动尺寸小部件 , 这 文本域 宽度可以从值 180 调整到 300。但是高度保持不变并且在调整大小期间不会改变。

3.自动大小文本(恒定宽度):

Auto Height Example

在这里, 文本 小部件被包裹着 自动尺寸小部件 .这 文本 小部件高度可以从 120 调整到 280。 宽度 这里保持不变,在调整大小期间不会改变。

自动尺寸小部件 附带一个 盒子装饰 默认情况下,当用户调整小部件大小时,它充当指南。

您可以通过传递您自己的值来跳过该框 盒子装饰 参数,或通过设置 边框颜色 作为 颜色.透明 .但是,建议保留默认值,因为它是有目的的。

这是盒子被移除后小部件的外观以及当 显示图标 真的

你可以包装 自动尺寸小部件 围绕任何以后可以由用户调整大小的 Flutter 小部件。这个包会很有帮助,尤其是在您构建 Web 应用程序时。

目前为止就这样了。如果您觉得有帮助,请随时在评论中留下任何建议并分享!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/37524/10161810

标签:高度,部件,宽度,自动,大小,Flutter,调整
From: https://www.cnblogs.com/amboke/p/16704284.html

相关文章

  • 自动生成logstash导入配置文件
    Controllerpackagediit.microservice.midrange.controller;importcom.github.xiaoymin.knife4j.annotations.ApiOperationSupport;importdiit.microservice.midrang......
  • 从零开始配置vim(24)——自动补全
    neovim自带的代码补全的效果并不好,而且它分为好多类,如果需要人为的去判断使用路径补全、使用当前buffer中的单词补全、亦或者使用include来进行补全,那样使用起来就很不方......
  • Windows自动启动
    经常我们需要设置一个程序运行以后开机自动启动。代码实现如下定时任务型 publicstatic_TASK_STATEAutoStartup(stringcreator,stringtaskName,stringpath)......
  • EntityFrameworkCore 模型自动更新(上)
    话题嗯,距离上一次写博文已经过去近整整十个月,还是有一些思考,但还是变得懒惰了,心思也不再那么专注,有点耗费时间,学习也有点停滞不前,那就顺其自然,随心所欲吧,等哪天心血来潮,想......
  • Linux开机自动挂载非系统硬盘到指定用户
    Linux开机自动挂载非系统硬盘到指定用户背景自己在家捣鼓的LinuxMint21,我的分盘是这样子的:原本1T固态,300多G给了Windows,300多G给了Linux,300多G当做数据盘(免得哪个系......
  • 微软出品自动化神器Playwright,不用写一行代码(Playwright+Java)系列(一) 之 环境搭建及
    一、前言半年前,偶然在视频号刷到某机构正在直播讲解Playwright框架的使用,就看了一会,感觉还不错,便被种草,就想着自己有时间也可以自己学一下,这一想着就半年多过去了。读到......
  • 使用 macOS 输入多个空格,会自动添加一个点 bug All In One
    使用macOS输入多个空格,会自动添加一个点bugAllInOnemacOS在一个单词后面连续输入多个空格后,会自动在单词后添加一个点/句号.bug❌bug❌solution✅在Ma......
  • 17.1 xlrd模块 17.2接口自动化第一版17.3pymysql模块 17.4接口自动化第二版
    17.1xlrd模块#xlrd和openpyxl#1.什么是xlrd模块?#python操作excel主要用到xlrd和xlwt这两个库,即xlrd是读excel,xlwt是写excel的库。#关于xlrd/xlwt和openpyxl的差别#......
  • python自动化测试系列教程
    随着互联网产品更新迭代加快,Web开发和测试的需求也越来越大。很难想象,如果阿里的双11、京东的618,这些庞大繁杂的系统,由工程师们一个个手动测试,将会是一个怎样费时费力、......
  • 科目三自动阅读版
    上车之前绕一周,贴近车身不马虎;绕完先来打报告,考官允许再上车;上车之前左右看,上车之后门关牢;一系二调三查看,等待灯光模拟考;灯光模拟听重点,不能提早忘关灯;灯光模拟抽查完,听到......