ListWidgetExt extension

Widget转换扩展 - 让各种组件可以转换为其他组件并支持TailwindCSS Build链式调用 让Flutter开发更接近TailwindCSS的体验 List<Widget> 转换扩展

on

Methods

asColumn({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, MainAxisSize mainAxisSize = MainAxisSize.max, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) Column

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 Column,支持 TailwindCSS Build 链式调用
asFlexRow({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, MainAxisSize mainAxisSize = MainAxisSize.max, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) Row

Available on List<Widget>, provided by the ListWidgetExt extension

转换为弹性布局的 Row,适用于有界约束
asListView({Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController? controller, bool? primary, ScrollPhysics? physics, bool shrinkWrap = false, EdgeInsetsGeometry? padding, double? itemExtent, bool addAutomaticKeepAlives = true, bool addRepaintBoundaries = true, bool addSemanticIndexes = true}) ListView

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 ListView,支持滚动列表
asRow({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, MainAxisSize mainAxisSize = MainAxisSize.min, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) Row

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 Row,支持 TailwindCSS Build 链式调用
asSafeRow({MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down, TextBaseline? textBaseline}) Widget

Available on List<Widget>, provided by the ListWidgetExt extension

转换为安全的 Row,自动处理约束问题
asScrollableColumn({EdgeInsetsGeometry? padding, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center}) SingleChildScrollView

Available on List<Widget>, provided by the ListWidgetExt extension

转换为可滚动的 Column
asScrollView({Axis scrollDirection = Axis.vertical, bool reverse = false, EdgeInsetsGeometry? padding, bool? primary, ScrollPhysics? physics, ScrollController? controller, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center}) SingleChildScrollView

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 SingleChildScrollView,支持滚动
asStackWidget({AlignmentGeometry alignment = AlignmentDirectional.topStart, TextDirection? textDirection, StackFit fit = StackFit.loose, Clip clipBehavior = Clip.hardEdge}) Stack

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 Stack,支持重叠布局
asWrap({Axis direction = Axis.horizontal, WrapAlignment alignment = WrapAlignment.start, double spacing = 0.0, WrapAlignment runAlignment = WrapAlignment.start, double runSpacing = 0.0, WrapCrossAlignment crossAxisAlignment = WrapCrossAlignment.start, TextDirection? textDirection, VerticalDirection verticalDirection = VerticalDirection.down}) Wrap

Available on List<Widget>, provided by the ListWidgetExt extension

转换为 Wrap,支持流式布局