flutter開發彈起鍵盤出現Overflow問題的解決方法
- 方法1:
//Scaffold節點下添加resizeToAvoidBottomPadding: false,這樣頁面就不會隨着鍵盤彈起而滾動。 Scaffold( resizeToAvoidBottomPadding: false, body: Column() );
- 方法2:
//外層使用SingleChildScrollView包裹一層,這樣頁面回隨着鍵盤彈起而向上滾動。 SingleChildScrollView( child: Column( children: [ TextField() ], ), ),
- 方法3:
//使用第三方庫:keyboard_avoider,並且設置autoScroll為true pubspec.yaml文件下添加依賴: dependencies: keyboard_avoider: ^0.1.2 外層使用KeyboardAvoider包裹,設置autoScroll為true KeyboardAvoider( autoScroll: true child: Column( children: [ TextField() ], ) ),
我出現的情況,這三種方法就可以解決。