Flutter Ducafecat
使用者旅程
ChatGPT,人工智慧,機器學習和遊戲開發
功能
儲存
掃描與列印
介面、主題和顏色
網路、感應器、通訊API
社交媒體、聊天和通訊
多媒體
導航、搜索 & 分享
元件
可滾動的
用戶輸入、表單和設置
文本、圖標和鍵盤
日期、時間與日曆
畫布、視覺化與動畫
開發者工具
架構與基礎設施
支付與獎勵
檔案格式
平台特定工具與實用程式
輔助與工具程式庫
高响应性UI套件的头部Flutter包 ---------------------------------- 响应性UI或自适应UI指的是用户界面设计提供了最佳的视觉体验——在各种设备上都可以轻松阅读和导航,而无需进行太多的调整、平移和滚动。它也被称为液体UI,因为它基于“液体布局”的原理,即UI根据所查看的设备的大小和形状进行自适应。这使得用户可以轻松地与UI进行交互,而不受使用的设备的影响。 下面是提供Flutter应用程序的响应式UI、自适应UI、液体UI或响应式布局的完整Flutter包列表。 * * *
flutter_adaptive_scaffold
926
用於輕鬆構建適應性佈局的小部件,包括導航元素。
responsive_sizer
571
Responsive Sizer 通過提供輔助小部件和擴展,幫助實現響應式佈局。
golden_toolkit
485
使用 Goldens 進行基於屏幕截圖的小部件測試的常見模式。
easy_sidemenu
414
一個易於使用的 Flutter 側邊菜單(導航鐵)套件,可用於導航。
layout
347
通過使用統一的元素和間距,在不同平台、環境和屏幕尺寸上鼓勵一致性。
responsive_grid
254
適應性網格佈局和列表,用於 Flutter。
overflow_view
207
顯示子部件在一行中,如果空間不夠,則在末尾顯示溢出指示符。
flutter_admin_scaffold
197
帶有側邊欄的脹面類,可與 AppBar 一起使用。
sized_context
194
直接在上下文中訪問 MediaQuery 大小信息,還添加了一些尺寸和佈局的幫助方法。
flutter_bootstrap
180
部分實現了 Flutter 中的 Bootstrap 網格系統,用於響應式佈局。
responsive_scaffold
174
在移動設備上顯示列表並推送到詳細信息,而在平板電腦上顯示列表和所選項目。
adaptive_breakpoints
155
提供 Material Design 斷點的 Flutter 套件。
flutter_adaptive_ui
154
一個幫助實現自適應 UI 的庫(基於操作系統、屏幕尺寸等)。
adaptive_navigation
148
提供不同導航組件間適應性切換的 Flutter 套件。
keyboard_avoider
122
一個輕量級的避免螢幕虛擬鍵盤的 Scaffold 部件的替代方案。在焦點中自動將被遮蔽的 TextField 子部件滾動到視圖中。
wolt_responsive_layout_grid
115
Wolt Responsive Layout Grid 庫可幫助您創建動態的適應性網格佈局,能夠無縫適應各種屏幕尺寸。
ready
112
包含完整列表解決方案和管理儀表板的套件。
responsive_ui
101
響應式 UI Flutter 套件可幫助您創建響應式和嵌套式的小部件。支持 Android、iOS、Web 以及縱向和橫向模式。
breakpoint
98
一個計算 Material Design 断點的 Flutter 插件。
adaptive_components
92
用於實現 Material Design 中的響應式佈局的 Flutter 套件。
fluid_kit
86
用於流式佈局的響應式助手。允許您根據最小寬度和網格控制子項的佈局。
auto_orientation
84
編程方式設定 iOS 和 Android 設備的方向。
simple_grid
70
受 boostrap 啟發的動態網格,您可以使用它來描述您的網格佈局。此套件純使用 mediaquery,無需擔心渲染。
relative_scale
66
RelativeScale 是一個用於 Flutter 小部件的簡單自定義大小系統,可在不同設備上實現相同的物理尺寸。
responsive
65
為 Flutter 應用程序提供一種簡單的方法來創建響應式 UI,在移動、桌面和 Web 上支持不同的小部件大小和設備方向。
responsive_widgets
此插件有助於創建響應式小部件,可根據參考屏幕尺寸和應用程序運行的屏幕之間的比例自動調整大小。
bamboo
62
用於使用 Flutter 快速輕鬆地構建適應性移動應用程序的實用工具。
flutter_gutter
61
讓您的 UI 不會掉進容器之外!確保小部件之間的所有可視間隙都是一致的,適應軸方向,並根據屏幕大小做出響應。
pixel_snap
58
以任何像素縮放因子獲得銳利的 Flutter 應用程序。
scaled_app
55
按比例縮放整個UI設計,當您的UI設計是固定寬度時非常有用。
size_helper
SizeHelper 是一個用於根據當前屏幕尺寸對 UI 進行有更多控制的 Flutter 套件。
responsive_util
51
一個 Flutter 小部件,允許拖動調整其子部件的邊界,輕鬆測試響應式設計。
easy_dashboard
48
一個幫助輕鬆創建儀表板佈局和其他導航功能的套件。旨在使響應式儀表板成為一個簡單的過程。
screentasia
幫助您在所有屏幕上創建美觀自適應設計的 Flutter 套件,擁有豐富的功能。
flexify
41
Flexify 是一個用於響應式設計和簡化導航的 Flutter 套件。輕鬆適配任何螢幕尺寸,並使用可自訂動畫進行平滑頁面轉換。
material3_layout
40
該套件有助於按照 Material Design 3 準則創建適應性應用程序。
resize
一種用於 Flutter 應用的簡單響應式設計方法。包括設計響應式用戶界面所需的所有必要元素。
flexible_wrap
34
排列其子項的 widget,根據可用空間靈活包裝,同時保持指定的佈局屬性。
mobile_sidebar
31
一個遵循 Material Design 的 Flutter 響應式側邊欄。
flutter_split_view
30
Flutter Widget,根據可用空間自動將屏幕分割為兩個視圖。基於導航器 2.0。
bootstrap_flutter
Bootstrap 的響應式佈局應用程式,可幫助輕鬆在項目中創建多個屏幕尺寸。
flutter_bootstrap5
28
Flutter 實現了許多 Bootstrap 5 功能。
flutter_responsive
27
用於 Flutter 的響應式佈局部件。該插件靈感來自於 Bootstrap Web 項目。
responsive_spacing
使用動態間距、邊距、填充、槽、正文大小和列使應用程序具有響應性和適應性。
flutter_screen_scaler
一個通過百分比來根據屏幕大小調整小部件大小的套件。
screen_go
26
一個flutter插件,輕鬆使Flutter應用程式具有響應性。自動調整UI以適應不同的螢幕尺寸。簡單實現響應性。
response
Flutter 插件可幫助在應用程序將在其中運行的所有可用顯示器中保持外觀整潔的小部件大小。
responsive_layout_builder
24
基於屏幕尺寸和方向的 Flutter 包,用於構建響應式佈局。它可以是手錶、小型/中型/大型移動設備、小型/大型平板電腦或桌面電腦。
argo
一個用於簡化創建響應式應用程序的小工具和部件。該部件可處理可見性、方向和不同屏幕的佈局,並能處理響應式主題。
adaptive_screen_flutter
23
使布局能夠適應移動、平板和網頁屏幕。
responsive_scaffold_nullsafe
master_detail_scaffold
21
一個用於實現響應式主從架構的套件
super_responsive
使您的 Flutter 應用程序和網站完全自適應的工具和小部件。
dynamicutils
18
用於從 Figma、XD 等快速創建響應式設計的 Flutter 套件。
spaces
定義了用於構建一致且響應式應用程序的全局間距常量。
the_responsive_builder
15
這個flutter套件提供了一組工具,有助於建立響應式Flutter應用程式。
responsive_x
14
一個用於處理響應式的 Flutter 套件,可使用擴展語法。
responsive_image
一個為圖像添加響應能力的 Flutter 库。
flutter_autosize_screen
11
一個低成本的 Flutter 屏幕適應解決方案。
flexiflow
7
一個響應靈活的解決方案,設計成能輕鬆適應您的需求,為您提供無縫和開發者友好的體驗。
notebook_paper
5
使用 Notebook Paper,一個可自定義的小部件套件,在 Flutter 中輕鬆製作美麗的筆記本界面。
m_sizer
4
一個用於輕鬆實現 Flutter 應用程序響應式佈局的 Flutter 插件。自動適應不同屏幕尺寸的 UI。簡單實用。
responsive_builder
0
一組小部件,可用於為小部件定義可讀的響應式 UI。
responsive_framework
輕鬆使 Flutter 應用程序具有響應式 UI,自動適應不同的屏幕尺寸。
sizer
一個用於輕鬆使 Flutter 應用程式自適應的插件。自動調整 UI 以適應不同的屏幕尺寸。
flutter_screenutil
用於適應屏幕和字體大小的 Flutter 插件。保證在不同型號上都具有良好的外觀。
bootjack
Bootjack 是 Twitter Bootstrap 3.0.x 在 Dart 中的移植版本。