我有一个如下所示的底页
It has a text box inside it when I cliked on that I am getting something like
我的文本框完全被键盘覆盖。
有什么办法可以解决这个问题吗?
下面是代码
Widget buildSupportingWidget(
Map<String, Object> items, StateSetter setState) {
if (items['type'] == "string") {
dispName = items['displayName'];
return Container(
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 27.0,
vertical: 16.0,
),
child: new TextFormField(
style: new TextStyle(fontSize: 12.0, color: Colors.black),
decoration: new InputDecoration(
labelText: "Enter value",
),
keyboardType: TextInputType.text,
controller: filterTextFieldData,
)));
}
return null;
}
我在底部工作表内调用上面的小部件。
Thanks
上周我遇到了同样的问题,我通过创建有状态的底部工作表并添加高度为列最后一个小部件的容器来解决它
打开底页
InkWell(
onTap: () {
showModalBottomSheet(
context: context,
isScrollControlled: true,
builder: (context) {
return ModalBottomSheet(
);
});
})
有状态的底部工作表
class ModalBottomSheet extends StatefulWidget {
@override
_ModalBottomSheetState createState() => _ModalBottomSheetState();
}
class _ModalBottomSheetState extends State<ModalBottomSheet>
with SingleTickerProviderStateMixin {
@override
Widget build(BuildContext context) {
double keyboardHeight = MediaQuery.of(context).viewInsets.bottom;
// TODO: implement build
return Wrap(
children: <Widget>[
Container(
margin:
EdgeInsets.only(left: 10.0, right: 10.0, top: 15.0, bottom: 15.0),
child: Column(
children: <Widget>[
Widgets(),
Container(
height: keyboardHeight ,
)
]
)
)
],
);
}
}
also 键盘可见性 https://pub.dev/packages/keyboard_visibility包帮助我检查键盘是否打开
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)