flutter pub add flextras基于插件公开信息、社区数据与项目使用情况整理的选型参考。
Flextras 是一个 Flutter 包，通过添加额外功能扩展了标准 Column 和 Row 小部件的功能，以实现更灵活、更强大的布局管理。它提供了对对齐、间距和响应式行为的增强控制，使创建复杂且自适应的 UI 变得更加容易。专为寻求超越内置 Flex 小部件定制能力的开发者设计，Flextras 可无缝集成到现有的 Flutter 项目中。该包支持所有主要平台，包括移动设备、网页和桌面端，确保在各种设备上行为一致。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A collection of Columns and Rows with extra functionality:
PaddedColumn / PaddedRow - Wraps a column/row in paddingSeparatedColumn / SeparatedRow - Insert any widget between each childExpandedScrollingColumn / ExpandedScrollingRow - Allow a column to hold Expandable children, while still scrolling if it needs to.dependencies:
flextras: ^0.0.1
import 'package:flextras/flextras.dart';
A simple combination of Padding and Column/Row, as is often needed. Very simple, but saves a few lines in your tree:
return PaddedColumn(
padding: EdgeInsets.all(20),
children: [ ... ]
)
Often you want to place a divider between the elements of a Column or Row. Use the separatorBuilder method to do so easily:
return SeparatedColumn(
// 10px gap between each element
separatorBuilder: () => SizedBox(height: 10),
children: [ ... ]
)
Solves a common use case where you want to have some expanding content, that can also begin scrolling if it runs out of room.
Normally, if you do something like this it will throw a layout error:
SingleChildScrollView(
child: Column(
children: [
Expanded(child: ...) // This tries to expand to infinity :(
]
)
)
ExpandedScrollingColumn fixes this by using the content's natural height, or the height of the parent view, whichever is greater.
// This will expand vertically to fill the parent, but begin scrolling when it has to
ExpandedScrollingColumn(
children: [
Expanded(child: Container(height: 400)),
]
)
If you encounter any problems please open an issue. If you feel the library is missing a feature, please raise a ticket on Github and we'll look into it. Pull request are welcome.
MIT License