我采用了一個浮動操作按鈕來顯示 showModelbottomsheet，
但是當我單擊文本欄位進行輸入時，鍵盤位于底部作業表的頂部，
如何在鍵盤布局上方滾動此底部作業表，
這是我的代碼
class HomeScreen extends StatelessWidget {
const HomeScreen({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Sqflite with Provider'),),
body: getbody(),
floatingActionButton: FloatingActionButton(
onPressed: (){
showModalBottomSheet<void>(context: context, builder: (context){
return EntryForm();
});
},
child: Icon(Icons.add),
),
);
}
Widget getbody() {
return Text('Welcome to Provider');
}
}
和 entryform 小部件
class _EntryFormState extends State<EntryForm> {
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Column(
children: [
TextField(),
TextField(),
ElevatedButton(onPressed: (){}, child: Text('Save Record'))
],
),
);
}
}
uj5u.com熱心網友回復：
首先設定isScrollControlled成true這樣：
showModalBottomSheet<void>(
context: context,
isScrollControlled: true,
builder: (context){
return EntryForm();
}
);
然后在EntryForm添加填充SingleChildScrollView：
SingleChildScrollView(
padding:
EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
child: ...
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/515985.html
標籤：扑镖颤振布局
上一篇：未在所需螢屏上重定向
下一篇：如何降級顫振版本？