在flutter中设计矩形下拉小部件。

我使用下面的代码来绘制矩形的DropDownWidget。

  class DropDownWidget extends StatelessWidget {
    final List<String> _dropdownValues = [
      "One",
      "Two",
      "Three",
      "Four",
      "Five"
    ]; //The list of values we want on the dropdown

    @override
    Widget build(BuildContext context) {
      return Container(
        padding: EdgeInsets.symmetric(horizontal: 10.0),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(15.0),
          border: Border.all(
              color: Colors.red, style: BorderStyle.solid, width: 0.80),
        ),
        child: DropdownButtonHideUnderline(
          child: DropdownButton(
            hint: Text('Enter'),
          items: _dropdownValues
              .map((value) => DropdownMenuItem(
                    child: Text(value),
                    value: value,
                  ))
              .toList(),
          onChanged: (String value) {},
          isExpanded: true,
          value: 'One',
        ),
      ),);
    }
  }

上面的代码给出了这样的下拉菜单

enter image description here

我想要这样的输出,可以吗?

enter image description here

解决方案:

[reply]

试试这个,让我知道你的想法。

 Material(
        elevation: 6,
        color: Colors.white,
        borderRadius: BorderRadius.circular(10.0),
        child: Padding(
          padding: EdgeInsets.fromLTRB(10, 0, 10, 20),
          child: DropdownButtonHideUnderline(
            child: DropdownButton<String>(
              hint: ListTile(
                title: Text(
                  'Goal for activation',
                  style: TextStyle(color: Colors.grey[600], fontSize: 14),
                ),
                subtitle: Text(
                  '- Choose Option -',
                  style: TextStyle(color: Colors.black, fontSize: 18),
                  textAlign: TextAlign.left,
                ),
              ),
              items: _dropdownValues
                  .map((value) => DropdownMenuItem<String>(
                        child: Text(value),
                        value: value,
                      ))
                  .toList(),
              onChanged: (String value) {},
              isExpanded: true,
            ),
          ),
        ),
      ),

[/reply]

给TA打赏
共{{data.count}}人
人已打赏
解决方案

Open3d:如何创建一个冰球多面体球体?

2022-4-19 20:50:55

解决方案

如何在父进程被终止的情况下保持子进程的活力

2022-4-19 20:51:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索