【Flutter】入门11-表单

一.输入框

【Flutter】入门11-表单【Flutter】入门11-表单

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Gecer')),
      body: Theme(
         //激活后的边框颜色为主题色可以通过局部覆盖主题色来改变边框颜色
        data: ThemeData(primaryColor: Colors.black54),
        child: Container(
          padding: EdgeInsets.all(16),
          alignment: Alignment(0, 0),
          child: TextField(
            //监听修改输入框的情况
            onChanged: (value){
              //修改之后的值
              debugPrint(value);
            },
            //监听提交情况
            onSubmitted: (value){
              //提交的值
              debugPrint(value);
            },
            //定制样式
            decoration:InputDecoration(
              icon:Icon(Icons.favorite,color:Colors.red),//图标
              labelText: '2020',//标题
              labelStyle: TextStyle(color: Colors.redAccent),
              //激活后的默认文字
              hintText: '新年愿望',
              //无边框
              // border: InputBorder.none
              //全边框
              // border: OutlineInputBorder()
              //背景颜色
              // filled: true,
              // fillColor:Colors.red[50]
            ) ,
          ),
        ),
      ),
    );
  }
}

控制器

 

【Flutter】入门11-表单【Flutter】入门11-表单 夜雨Gecer 发布了59 篇原创文章 · 获赞 4 · 访问量 7812 私信 关注
上一篇:Leetcode 75. Sort Colors


下一篇:1045 Favorite Color Stripe (30分)(简单dp)