flutter自定义输入框下拉框

2020-07-29  本文已影响0人  Leo_L

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

输入框

企业微信截图_fd3bf7e9-e846-4004-b96b-1f15c6a0fdcc.png

代码:

ContentView.textfield(
              controller: _controller,
              title: "title",
              mustType: '*',
              hintText: 'hintText',
            )
 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

上一篇下一篇

猜你喜欢

热点阅读