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

套件詳情v2.0.0

flutex

用於功能化建立 UI 的 Flutter 小部件擴展。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
35
喜歡數
24
Pub 分數
135

安裝套件

flutter pub add flutex

套件介紹

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

Flutex 是一個 Flutter 套件,提供功能性元件擴展,以簡化並加速 UI 建立。它透過提供簡潔且具表現力的語法來建構與組合元件,從而提升開發者的工作效率。專注於可讀性與可維護性,Flutex 讓開發者能撰寫更乾淨、更具宣告式的 UI 程式碼。此套件支援所有主要平台,包含 Android、iOS、Web、macOS、Windows 與 Linux,適用於跨平台應用程式。它可透過 pub.dev 隨意整合至現有的 Flutter 專案。

適用情境

  • 快速UI原型設計
  • 簡化重複的組件模式
  • 在大型 UI 中提升程式碼可讀性
  • 建立可重複使用的 UI 元件
  • 增強跨平台應用中的開發人員工作流程

主要特色

  • 功能小部件擴展語法
  • 跨平台相容性
  • 最小化樣板程式碼
  • 改善程式碼清晰度
  • 與 Flutter 的無縫整合

適合對象

  • 尋求更乾淨 UI 程式碼的 Flutter 開發人員
  • 重視程式碼可維護性的團隊
  • 需要快速UI開發的專案
  • 使用函數式程式設計風格的開發者
  • 跨平台應用建構工具

使用建議

  • 可能需要學習新的語法規範
  • 與核心 Flutter 相比,文件較少
  • 初學者可能面臨學習曲線
  • 不適合高度自訂的widget邏輯
  • 最好與標準的 Flutter 實踐結合使用

原始 README

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

Flutter widget extensions for functional creating UI.

pub package

Getting Started

Add this to your package's pubspec.yaml file:

dependencies:
  flutex: ^1.1.0

Then add import to your dart file (right now VSCode and Android studio cannot auto import files for dart extensions):

import 'package:flutex/flutex.dart';

Available extensions

Extension function Purpose
.padding() Wrap widget with Padding
.expanded() Wrap widget with Expanded
.flexible() Wrap widget with Flexible
.opacity() Wrap widget with Opacity
.align() Wrap widget with Align
.center() Wrap widget with Center
.top() Wrap widget with Align(alignment: Alignment.topCenter)
.bottom() Wrap widget with Align(alignment: Alignment.bottomCenter)
.left() Wrap widget with Align(alignment: Alignment.centerLeft)
.right() Wrap widget with Align(alignment: Alignment.centerRight)
.positioned() Wrap widget with Positioned
.fill() Wrap widget with Positioned.fill
.sizedBox() Wrap widget with SizedBox
.constrainedBox() Wrap widget with ConstrainedBox
.expand() Wrap widget with ConstrainedBox(constraints: BoxConstraints.expand())
.visibility() Wrap widget with Visibility
.safeArea() Wrap widget with SafeArea
.onTap() Wrap widget with GestureDetector
.inkWell() Wrap widget with InkWell
.materialInkWell() Wrap widget with Material includes InkWell
.rotate() Wrap widget with Transform.rotate
.scale() Wrap widget with Transform.scale
.translate() Wrap widget with Transform.translate

Example

Check lib/example/lib/main.dart

License

MIT licensed

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。