新聞中心
Flutter 重構(gòu):基于 PopupRoute 的極簡彈窗
這可能是顆粒度最好的 PopupRoute 彈窗封裝。
創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來,先為射洪等服務(wù)建站,射洪等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為射洪企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
Flutter 需要自定義各式各樣的彈窗視圖,總是有些場景系統(tǒng)提供的無法滿足需求,隨使用彈出路由 PopupRoute 進(jìn)行封裝;核心是繼承 PopupRoute 進(jìn)行容器化封裝,將 視圖 child 抽出,用戶可以傳入任意 Widget, 通過 Alignment 調(diào)整 child 視圖顯示位置;
NNPopupRoute.dart
NNAlertDialog.dart
Flutter 自定義彈窗組件
封裝的彈窗必須要靈活,滿足實(shí)際開發(fā)中的大部分彈窗,比如有無標(biāo)題、有無內(nèi)容、有無關(guān)閉按鈕、有無操作按鈕以及按鈕的排列樣式等需要滿足多元化~
共有四個文件: ww_dialog.dart 、 ww_middle_bottom_dialog_widget.dart 、 ww_top_dialog_widget.dart 、 ww_top_dialog_item_data.dart
彈窗主要調(diào)用類,主要包含: WWDialog.showTopDialog 、 WWDialog.showMiddleDialog 、 WWDialog.showBottomDialog
支持自定義配置背景顏色、字體大小、顏色、統(tǒng)一回調(diào)、自定義按鈕、單獨(dú)回調(diào)、是否帶三角標(biāo)志、任意位置、最大高度、超過可以滑動等~
部分展示效果:
支持配置背景顏色、字體大小、顏色、字重、按鈕排列方式、標(biāo)題、內(nèi)容、按鈕支持完全自定義、點(diǎn)擊的回調(diào)等~
部分展示效果:
支持配置背景顏色、字體大小、顏色、字重、按鈕排列方式、標(biāo)題、內(nèi)容、按鈕支持完全自定義、點(diǎn)擊的回調(diào)等~
部分展示效果:
中間、底部彈窗的彈窗widget
頂部彈窗的彈窗widget
頂部彈窗的數(shù)據(jù)源數(shù)據(jù)模型item
github傳送門:
flutter 鍵盤彈出時list view 置底
1、點(diǎn)擊輸入flutter框彈出軟鍵盤時,遮擋本輸入框一部分。
2、點(diǎn)擊輸入框,輸入框跟隨軟鍵盤自動上移時其他不該移動的內(nèi)容也跟隨上移導(dǎo)致的flutter鍵盤彈出時listview置底。
當(dāng)前名稱:flutter彈框位置,flutter 下拉選擇框
分享網(wǎng)址:http://fisionsoft.com.cn/article/dsihepd.html