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