美文网首页
Flutter 3.8 表单

Flutter 3.8 表单

作者: 贝灬小晖 | 来源:发表于2020-03-11 18:31 被阅读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 开关

    相关文章

      网友评论

          本文标题:Flutter 3.8 表单

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