Flutter 3.8 表单

2020-03-11  本文已影响0人  贝灬小晖

1.TextField单行文本框 多行文本框

<1>样式
decoration 对文本框装饰
(hintText border labelText(这个效果很神奇啊) icon)
maxLines(多行文本框)
obscureText

<2>获取表单内容
配合controller TextEditController() 结合配置默认显示内容
//监听
onChange(value){}

  var cv = TextEditingController();

@override
  void initState() {
    // TODO: implement initState
    super.initState();
    cv.text = "1314";
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("设置"),
      ),
      body: Column(
        children: <Widget>[
          TextField(
            style: TextStyle(
              
            ),
            decoration: InputDecoration(
              hintText:"test",
            ),
            controller: cv,
            onChanged: (value){

            },
          )

        ],
      ),
)

2.CheckBox 多选框组件

value onChanged..

checkBoxListTile

title subTitle.. 嗯 这是个tile

3.Radio 单选

按钮组 要有多个
value onChange
groupValue

嗯 这是个tile
RadioListTile同 checkBoxListTile 就差一个 groupValue

4.Switch 开关

上一篇 下一篇

猜你喜欢

热点阅读