Flutter 重構(gòu)：基于 PopupRoute 的極簡彈窗

這可能是顆粒度最好的 PopupRoute 彈窗封裝。

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，先為射洪等服務(wù)建站，射洪等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為射洪企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

Flutter 需要自定義各式各樣的彈窗視圖，總是有些場景系統(tǒng)提供的無法滿足需求，隨使用彈出路由 PopupRoute 進行封裝；核心是繼承 PopupRoute 進行容器化封裝，將 視圖 child 抽出，用戶可以傳入任意 Widget， 通過 Alignment 調(diào)整 child 視圖顯示位置；

NNPopupRoute.dart

NNAlertDialog.dart

Flutter 自定義彈窗組件

封裝的彈窗必須要靈活，滿足實際開發(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)、自定義按鈕、單獨回調(diào)、是否帶三角標(biāo)志、任意位置、最大高度、超過可以滑動等～

部分展示效果：

支持配置背景顏色、字體大小、顏色、字重、按鈕排列方式、標(biāo)題、內(nèi)容、按鈕支持完全自定義、點擊的回調(diào)等～

部分展示效果：

支持配置背景顏色、字體大小、顏色、字重、按鈕排列方式、標(biāo)題、內(nèi)容、按鈕支持完全自定義、點擊的回調(diào)等～

部分展示效果：

中間、底部彈窗的彈窗widget

頂部彈窗的彈窗widget

頂部彈窗的數(shù)據(jù)源數(shù)據(jù)模型item

github傳送門：

flutter 鍵盤彈出時list view 置底

1、點擊輸入flutter框彈出軟鍵盤時，遮擋本輸入框一部分。

2、點擊輸入框，輸入框跟隨軟鍵盤自動上移時其他不該移動的內(nèi)容也跟隨上移導(dǎo)致的flutter鍵盤彈出時listview置底。

分享標(biāo)題：flutter彈框位置,flutter 下拉選擇框
轉(zhuǎn)載源于：http://chinadenli.net/article31/dsihepd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、微信公眾號、網(wǎng)站改版、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)