如何在颤动上创建大纲 DropdownMenuItem

Question

示例下拉菜单

我创建了 DropdownButtonFormField 但 DropdownMenuItem 在点击后覆盖了 DropdownButtonFormField。 所以，我想在 DropdownButtonFormField 下面输出 DropdownMenuItem

我的代码：

  Widget genderPicker(BuildContext context){
    print(_gender);
    return DropdownButtonFormField<String>(
      isExpanded: false,
      hint: Text('Select Gender'),
      validator: (val) => val == null ? 'Gender is required' : null,
      onSaved: (val) => _gender = val,
      autovalidate: true,
      decoration: InputDecoration(
        prefixIcon: Icon(
          Icons.people,
          color: Theme.of(context).brightness == Brightness.light
            ? Colors.grey.shade700
            : Colors.white70),
        border: OutlineInputBorder(
          borderSide: BorderSide(color: Colors.black),
          borderRadius: BorderRadius.all(Radius.circular(30.0))
        )),
      items: genderList.map((value) {
        return DropdownMenuItem<String>(
          child: Text(value), value: value);
      }).toList(),
      value: _gender,
      onChanged: (newValue) {
        setState(() {
          _gender = newValue;
        });
      },
    );
  }

Answer 1

似乎您需要将 Stack 用于小部件的位置。

您可以提供小部件的确切位置。

Positioned(
  right: 40.0,
  top: 40.0,
  child: Container(
    color: Colors.pink,
    height: 150.0,
    width: 150.0,
  ),
)

更多检查这个。