flutter自定义输入框下拉框

使用命名构造方法,自定义输入框和下拉框。

输入框

  • 样式一
企业微信截图_fd3bf7e9-e846-4004-b96b-1f15c6a0fdcc.png

代码:

ContentView.textfield(
              controller: _controller,
              title: "title",
              mustType: '*',
              hintText: 'hintText',
            )
  • 样式二
    可以在输入框右边添加widget小组件
    企业微信截图_1559c360-63c4-47eb-9214-babbf6e3fc8e.png

    代码:
 ContentView.textfield(
              controller: _controller,
              title: "title",
              hintText: 'hintText',
              suffixIcon: Container(
                width: 40,
                height: 40,
                child: Icon(Icons.format_list_bulleted),
                alignment: Alignment.centerRight,
              ),
            )

下拉框

样式


企业微信截图_dc4cad66-1090-4db0-b8db-6523245dff2b.png
企业微信截图_201ec647-7624-44c9-b473-e7557d9f64b0.png

代码:

ContentView.dropdownView(
              controller: _controller,
              contentList: ['下拉一', '下拉二', '下拉三', '下拉四'],
              title: '下拉框',
              hintText: '请下拉选择',
            )

除了以上基础功能之外,还都其他功能,不在一一展示,详见仓库代码。

demo

package

你可能感兴趣的:(flutter自定义输入框下拉框)