flutter 鍵盤彈出時list view 置底

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

在邳州等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供網(wǎng)站設計制作、成都網(wǎng)站設計 網(wǎng)站設計制作按需設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,高端網(wǎng)站設計,全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,邳州網(wǎng)站建設費用合理。

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

flutter中關于軟鍵盤彈起導致的問題

原因：在flutter中，鍵盤彈起時系統(tǒng)會縮小Scaffold的高度并重建

1）把Scaffold的resizeToAvoidBottomInset屬性設置為false，這樣在鍵盤彈出時將不會resize

2）把寫死的高度改為 原高度 - MediaQuery.of(context).viewInsets.bottom ，鍵盤彈出時布局將重建，而這個 MediaQuery.of(context).viewInsets.bottom 變量在鍵盤彈出前是0，鍵盤彈起后的就是鍵盤的高度

將輸入框放進可滾動的Widget中即可，當輸入框獲取焦點后，系統(tǒng)會自動將它滑動到可視區(qū)域

Flutter textField隨著鍵盤彈出升高，點擊空白處收回鍵盤

1、Flutter中的textField要想實現(xiàn)隨著鍵盤彈出自動升高，必須要在Scaffold中，如下所示

2、如果textfield位置比較下面或者小屏幕時，在鍵盤彈出的時候?qū)е乱绯鯾ug

這時候可以嵌套一層SingleChildScrollView（具體嵌套位置可以根據(jù)需要調(diào)整），如下所示

效果如下：

3、點擊空白處收起鍵盤，直接嵌套一層GestureDetector即可，嵌套位置可以在Scaffold的body層，可以自己調(diào)整。

Flutter 自定義彈窗組件

封裝的彈窗必須要靈活，滿足實際開發(fā)中的大部分彈窗，比如有無標題、有無內(nèi)容、有無關閉按鈕、有無操作按鈕以及按鈕的排列樣式等需要滿足多元化～

共有四個文件: 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)、是否帶三角標志、任意位置、最大高度、超過可以滑動等～

部分展示效果：

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

部分展示效果：

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

部分展示效果：

中間、底部彈窗的彈窗widget

頂部彈窗的彈窗widget

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

github傳送門：

名稱欄目：flutter彈出,flutter 彈窗
標題來源：http://chinadenli.net/article6/dsdsoig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站制作、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設計、搜索引擎優(yōu)化、定制開發(fā)

廣告

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