Flutter中的文本输入框使用TextField 这个组件来表示。主要的属性如下: 1. maxLines 最大输入行。...默认为单行输入框,配置此参数后则为多行输入框; 2. onChanged 输入改变触发的事件。可以获取当前输入改变以后的值; 3. obscureText 隐蔽的文本。...主要用于密码输入.
this.fillColor, //相当于输入框的背景颜色 this.errorBorder, //errorText不为空，输入框没有...
InputDecoration 按状态还为我们准备了五种 border,下面示范的是最常用的两种,正常状态下的 enabledBorder,和 focus 状态下的 focusedBorder。 TextField( decoration: InputDecoration( enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(5), borderSide: BorderSide( color: Colors.green, width:...
TextField( decoration: InputDecoration( border: OutlineInputBorder( borderSide: BorderSide(color: Colors.red), // 设置边框颜色 ), ), ) 在上述代码中,我们通过border属性设置了一个带有红色边框的OutlineInputBorder,并将其传递给InputDecoration的border属性。 除了边框颜色,InputDecoration还可以设置...
child: TextField( controller: _controller, ), flex: 1, ), GestureDetector( onTap: () { _controller!.clear(); }, child: Container( padding: EdgeInsets.all(10.0), color: Colors.blue, child: Text('清除编辑框的文本'), ), )
TextField(decoration:InputDecoration(labelText:"选中时的下划线颜色",focusedBorder:UnderlineInputBorder(borderSide:BorderSide(color:Colors.red),),),) 我们可以给focusedBorder传入自定义的UnderlineInputBorder来自定义下划线的样式,这里我们简单做了个颜色的改变。
print('TextField lost the focus'); } } @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text('My Test Page'), ), body: new SafeArea( top: false, bottom: false, child: new Form( ...
TextField( decoration: InputDecoration( border: OutlineInputBorder(), filled:true, fillColor: Colors.grey[200], hintText:'Enter your name', hintStyle: TextStyle(color: Colors.grey), prefixIcon: Icon(Icons.person), ), ); 在这个示例中,我们使用InputDecoration来定义输入框的装饰。我们设置了边框...
1.Text组件 2. RichText组件(富文本组件) 3.TextField组件 4.按钮组件 1.Text组件 Text组件(简单样式文本框组件)用于显示简单的样式文本,它的常用属性如下表所示。 TextStyle的常用属性如下表所示。 2. RichText组件(富文本组件) RichText组件(丰富文本组件)是Flutter提供的一个可以展示多种样式的Widget,经常应用...
Hello, 1- in first situation textfield border should be opacity 0.4 as picture 2 - in focus and after filling textfiled, textfiled border opacity's should be 1.0 but in default situation textfield border opacity's is 1.0 too. in my view,...