[移动开发] 记录Flutter关于弹出框中输入框被遮挡问题解决

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 记录Flutter关于弹出框中输入框被遮挡问题解决 -> 正文阅读

[移动开发]记录Flutter关于弹出框中输入框被遮挡问题解决

直接上代码，复制粘贴就可用

showModalBottomSheet(
? context: context,
? isScrollControlled: true,
? isDismissible: false, //点击其他位置是否能关闭弹框
? builder: (BuildContext context) {
??? return new Container(
????? padding: EdgeInsets.only(
????????? top: 10.0,
????????? left: 10.0,
????????? right: 10.0,
????????? bottom: MediaQuery.of(context).viewInsets.bottom),
????? child: SingleChildScrollView(
????????? child: Column(
??????? crossAxisAlignment: CrossAxisAlignment.start,
??????? children: [
Container(
? padding: EdgeInsets.only(top: 15.0,right:10.0,bottom: 20.0,left: 10.0),
? child: Column(
??? crossAxisAlignment: CrossAxisAlignment.start,
??? children: [
????? Text('费用金额（元）：'),
????? Container(
??????? child: TextField(
????????? controller: moneyController,
????????? keyboardType: TextInputType.number,
????????? textAlign: TextAlign.start,
????????? style: TextStyle(fontSize: 13),
????????? decoration: InputDecoration(
??????????? hintText: '请输入金额',
????????? ),
??????? ),
????? ),
?????
??? ],
? ),
)
),
? ),
);