1. 程式人生 > 其它 >Flutter 彈出鍵盤報錯解決

Flutter 彈出鍵盤報錯解決

技術標籤:Flutter 開發androidflutter彈出鍵盤報錯

Flutter 彈出鍵盤報錯解決


錯誤原因

報錯頁面:

錯誤原因:

當一個頁面的內容不能全部展示出來時,就會出現這種錯誤。其實這裡如果沒有鍵盤彈出,內容長度超過螢幕可顯示範圍,同樣會報錯。

解決方法

這個問題也很容易解決,2種方法。

  1. 設定 Scaffold 的 resizeToAvoidBottomPadding 屬性為 false,這樣頁面就不會隨著鍵盤彈起而滾動(該方法只針對彈出鍵盤報錯的情況,如果頁面內容長度超過螢幕可顯示範圍,該方法無效)。
Scaffold(
        resizeToAvoidBottomPadding: false,
        ……

使用該方法會阻止彈出報出的異常,但是彈出依然有可能遮擋輸入框,影響使用者輸入。

  1. 新增一個滾動檢視,該方法直接徹底解決該類問題,推薦使用:
SingleChildScrollView(
    child:new Column(
        ……
    ),
    ……
)

只需要在檢視外層加入一個 SingleChildScrollView 控制元件即可,非常簡單!


**PS:更多精彩內容,請檢視 --> 《Flutter 開發》
**PS:更多精彩內容,請檢視 --> 《Flutter 開發》
**PS:更多精彩內容,請檢視 --> 《Flutter 開發》