Flutter 彈出鍵盤報錯解決
阿新 • • 發佈:2020-12-30
技術標籤:Flutter 開發androidflutter彈出鍵盤報錯
Flutter 彈出鍵盤報錯解決
錯誤原因
報錯頁面:
錯誤原因:
當一個頁面的內容不能全部展示出來時,就會出現這種錯誤。其實這裡如果沒有鍵盤彈出,內容長度超過螢幕可顯示範圍,同樣會報錯。
解決方法
這個問題也很容易解決,2種方法。
- 設定 Scaffold 的 resizeToAvoidBottomPadding 屬性為 false,這樣頁面就不會隨著鍵盤彈起而滾動(該方法只針對彈出鍵盤報錯的情況,如果頁面內容長度超過螢幕可顯示範圍,該方法無效)。
Scaffold( resizeToAvoidBottomPadding: false, ……
使用該方法會阻止彈出報出的異常,但是彈出依然有可能遮擋輸入框,影響使用者輸入。
- 新增一個滾動檢視,該方法直接徹底解決該類問題,推薦使用:
SingleChildScrollView(
child:new Column(
……
),
……
)
只需要在檢視外層加入一個 SingleChildScrollView 控制元件即可,非常簡單!
**PS:更多精彩內容,請檢視 --> 《Flutter 開發》
**PS:更多精彩內容,請檢視 --> 《Flutter 開發》
**PS:更多精彩內容,請檢視 --> 《Flutter 開發》