微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

【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]
            ) ,
          ),
        ),
      ),
    );
  }
}

控制器

 

夜雨Gecer 发布了59 篇原创文章 · 获赞 4 · 访问量 7812 私信 关注

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐