flutter中TextFormField的聚焦时光标,下方有一个圆形的图标,怎么修改它的颜色
时间: 2023-11-22 15:53:23 浏览: 175
可以通过`decoration`属性中的`focusedBorder`来设置聚焦时的边框,从而改变下方圆形图标的颜色。具体来说,可以使用`OutlineInputBorder`来创建一个新的边框对象,并设置它的颜色。例如:
```dart
TextFormField(
decoration: InputDecoration(
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.blue),
borderRadius: BorderRadius.circular(10),
),
),
);
```
在这个例子中,我们使用`OutlineInputBorder`创建了一个新的边框对象,并将其颜色设置为蓝色。然后,我们将这个边框对象赋值给`focusedBorder`属性,这样当文本框聚焦时,下方圆形图标的颜色就会变成蓝色。
相关问题
flutter中TextFormField的聚焦时光标,下方有一个圆形的图标,怎么全局修改它的颜色
可以使用`ThemeData`中的`cursorColor`属性来修改全局的输入框光标颜色,而这个圆形图标也会跟着改变颜色。具体操作如下:
1. 在`MaterialApp`中设置`ThemeData`:
```dart
MaterialApp(
theme: ThemeData(
cursorColor: Colors.red, // 修改光标颜色
),
home: MyHomePage(),
);
```
2. 如果你想在某个`TextFormField`中修改光标颜色,可以在`decoration`中设置`focusedBorder`属性:
```dart
TextFormField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.red), // 修改光标颜色
),
),
);
```
这样就可以全局或者局部修改输入框光标颜色了。