如果我们使用列表视图,当键盘出现时,文本字段会上升,但在模态中不会。对不起,我不知道如何正确解释它,我只会用图像向你展示。
模态码
showModalBottomSheet(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
top: Radius.circular(25.0),
),
),
backgroundColor: Colors.white,
context: context,
builder: (context) => Wrap(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
// ... another widget
// ...
// ...
// Write review text area
Container(
margin: EdgeInsets.fromLTRB(24, 8, 24, 0),
padding: EdgeInsets.fromLTRB(16, 4, 16, 4),
width: double.infinity,
height: 100,
decoration: BoxDecoration(
color: Color(0xffF7F7F7),
borderRadius: BorderRadius.circular(20),
),
child: TextField(
expands: true,
maxLines: null,
decoration: InputDecoration(
hintText: languageCode == 'en'
? 'How is your overall experience?'
: languageCode == 'id'
? 'Bagaimana pengalaman Anda secara keseluruhan?'
: '',
hintStyle: TextStyle(
color: Color(0xffB2B2B2),
),
border: InputBorder.none,
),
),
),
],
),
],
),
);
无键盘
当键盘出现时
3条答案
按热度按时间b5lpy0ml1#
尝试在
showModalBottomSheet
内添加**isScrollControlled: true,
**您的
showModalBottomSheet
方法:您的Widget:
结果屏幕:
7lrncoxx2#
这是我的试用示例代码。
尝试使用“SingleChildScrollView”换行以避免垂直溢出,
并添加底部填充作为键盘高度的“viewInsets.bottom”值。
velaa5lx3#
尝试将isScrollControlled = true添加到BottomSheetDialog
添加填充,否则工作表将覆盖整个屏幕。