搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.1

axis_layout

水平(列)和垂直(行)佈局,具備擴展和收縮功能。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
1620
喜歡數
3
Pub 分數
160

安裝套件

flutter pub add axis_layout

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

AxisLayout 是一個 Flutter 套件,提供靈活的水平(列)和垂直(行)佈局組件,並內建擴展和收縮功能。它簡化了沿單一軸排列子組件的過程,同時提供對間距、對齊和大小的精確控制。此套件旨在實現乾淨、易讀的程式碼,透過減少常見佈局情境中的重複程式碼來提升 UI 開發效率。該套件支援所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。

適用情境

  • 建立響應式列或欄位佈局
  • 使用可變大小欄位建構動態表單
  • 為多種螢幕尺寸設計自適應UI
  • 簡化複雜的嵌套佈局
  • 實現靈活的卡片或清單項目排列

主要特色

  • 展開和收縮子組件
  • 支援水平與垂直佈局
  • 內建的對齊與間距控制
  • 常見佈局的最小樣板程式碼
  • 跨平台相容性

適合對象

  • 尋求簡單而強大的佈局解決方案的開發者
  • 需要響應式和自適應UI的專案
  • 致力於減少佈局相關程式碼複雜性的團隊

使用建議

  • 僅限軸對齊的佈局
  • 進階功能可能需要學習曲線
  • 不適合複雜的網格或重疊佈局

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Axis Layout

Usage

Horizontal

AxisLayout(axis: Axis.horizontal, children: [child]);

Vertical

AxisLayout(axis: Axis.vertical, children: [child]);

Shrink

AxisLayout(axis: Axis.horizontal, children: [
  AxisLayoutChild(child: child1, shrink: 1, shrinkOrder: 1),
  child2,
  AxisLayoutChild(child: child3, shrink: 1, shrinkOrder: 2)
]);

Expand

AxisLayout(
  axis: Axis.horizontal,
  children: [child1, AxisLayoutChild(child: child2, expand: 1)]);

Support this project

Bitcoin

bc1qhqy84y45gya58gtfkvrvass38k4mcyqnav803h

Ethereum (ERC-20) or Binance Smart Chain (BEP-20)

0x9eB815FD4c88A53322304143A9Aa8733D3369985

Helium

13A2fDqoApT9VnoxFjHWcy8kPQgVFiVnzps32MRAdpTzvs3rq68

所屬分類

原始碼儲存庫

使用此套件的專案