美文网首页
Flutter 下拉选择

Flutter 下拉选择

作者: StevenHu_Sir | 来源:发表于2019-09-29 09:22 被阅读0次

代码

  var _selectType;
  @override
  Widget build(BuildContext context) {
    return Container(
        height: 35,
        width: MediaQuery.of(context).size.width - 140,
      child: SingleChildScrollView(
        child: Container(
          margin: EdgeInsets.all(10),
          child: new DropdownButton(
          items: [
            new DropdownMenuItem(
              child: new Text('同意'),
              value: '同意',
            ),
            new DropdownMenuItem(
              child: new Text('拒绝'),
              value: '拒绝',
            ),
          ],
          hint: new Text('请选择'),
          onChanged: (value){
            setState(() {
              _selectType = value;
            });
          },
          isExpanded: true,
          value: _selectType,
          elevation: 24,//设置阴影的高度
          style: new TextStyle(//设置文本框里面文字的样式
            color: Color(0xff4a4a4a),
            fontSize: 20,
          ),
          iconSize: 40.0,
        ),),
      ),
    );
  }

效果图

下拉选择.gif

相关文章

网友评论

      本文标题:Flutter 下拉选择

      本文链接:https://www.haomeiwen.com/subject/fqalyctx.html