当我触摸 DropdownButton 时,选项会显示在正确的位置,如下图所示。但是,如果我触摸最后一个 TextFormField,然后触摸 DropdownButton,选项会显示得太高,如下图所示。
这是我的代码:
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('App')),
body: ListView(
padding: const EdgeInsets.all(10),
children: <Widget>[
_customTextField(),
_customTextField(),
_customTextField(),
_customTextField(),
_customTextField(),
Padding(
padding: const EdgeInsets.all(10),
child: DropdownButton<String>(
value: '1',
isExpanded: true,
items: const <DropdownMenuItem<String>>[
DropdownMenuItem(value: '1', child: Text('1')),
DropdownMenuItem(value: '2', child: Text('2')),
DropdownMenuItem(value: '3', child: Text('3')),
],
onChanged: (value) {},
),
),
_customTextField(),
_customTextField(),
],
),
);
}
Widget _customTextField() {
return Padding( …Run Code Online (Sandbox Code Playgroud)