),focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.green,//边框颜色为绿色width:5,//宽度为5)),labelText:"labelText",helperText:"helperText",// errorText: "errorText",hintText:"hintText",prefixIcon: Icon(Icons.perm_identity), ), ); 2. UnderlineInputBorder(底边线,默认...
border: _outlineInputBorder,//边框,一般下面的几个边框一起设置 //keyboardType: TextInputType.number, //键盘类型 //obscureText: true,//密码模式 focusedBorder: _outlineInputBorder, enabledBorder: _outlineInputBorder, disabledBorder: _outlineInputBorder, focusedErrorBorder: _outlineInputBorder, errorBor...
TextField( decoration: InputDecoration( border: OutlineInputBorder( borderSide: BorderSide(color: Colors.red), // 设置边框颜色 ), ), ) 在上述代码中,我们通过border属性设置了一个带有红色边框的OutlineInputBorder,并将其传递给InputDecoration的border属性。 除了边框颜色,InputDecoration还可以设置许多...
//输入框控制器,一般用于获取文本、修改文本等TextEditingController_inputController=TextEditingController();//焦点节点,一般用于自动获取焦点,取消焦点以便隐藏键盘等FocusNode_inputFocusNode=FocusNode();//边框样式OutlineInputBorder_outlineInputBorder=OutlineInputBorder(gapPadding:0,borderSide:BorderSide(color:Colors....
Border Border允许单独设置每一个边上的线条样式. RaisedButton( shape: Border( top: BorderSide(color: Colors.red,width: 2) ), child: Text('老孟'), onPressed: () {}, ) 设置全部 RaisedButton( shape: Border( top: BorderSide(color: Colors.red,width: 10), ...
borderSide:BorderSide( ///设置边框的颜色 color:Colors.red, ///设置边框的粗细 width:2.0, ), ), ///设置输入框可编辑时的边框样式 enabledBorder:OutlineInputBorder( ///设置边框四个角的弧度 borderRadius:BorderRadius.all(Radius.circular(10)), ...
border: OutlineInputBorder( borderSide: BorderSide(color: _borderColor), ), ), onChanged: (value) { // 处理输入框内容变化 }, validator: (value) { // 输入框内容验证 }, ); } 在这个示例中,当输入框获得焦点时,边框颜色会变为蓝色,失去焦点时恢复为灰色。你可以根据实际需求自定义边框颜色和其...
TextInputType keyboardType, //设置输入类型,不同的输入类型键盘不一样 this.textInputAction, //用于控制键盘动作(一般位于右下角,默认是完成) this.textCapitalization = TextCapitalization.none, this.style, //输入的文本样式 this.textAlign = TextAlign.start, //输入的文本位置 ...
StadiumBorder 类似足球场的形状,两边圆形,中间矩形 RaisedButton(shape:StadiumBorder(side:BorderSide(color:Colors.red),),child:Text('老孟'),onPressed:(){},) image-20200522183814823 OutlineInputBorder 带外边框 RaisedButton(shape:OutlineInputBorder(borderSide:BorderSide(color:Colors.red),borderRadius:Border...
1.边框颜色(borderColor) 边框颜色可以通过设置border属性的color属性来实现。例如: TextField( decoration: InputDecoration( border: OutlineInputBorder( borderSide: BorderSide( color: Colors.red,设置边框颜色为红色 ), ), ), ) 在上述代码中,我们通过设置border属性的color属性为红色(Colors.red)来改变边框的...