flutter textfield decoration
时间: 2024-01-26 17:02:27 浏览: 172
Flutter中的TextField组件可以通过设置decoration属性来自定义外观。decoration属性是一个InputDecoration对象,它包含了TextField的样式、提示文字、边框等属性。
以下是一个最基本的TextField的decoration用法示例:
```dart
TextField(
decoration: InputDecoration(
hintText: '请输入内容',
border: OutlineInputBorder(),
),
)
```
上述代码中,我们设置了一个提示文字为“请输入内容”的TextField,并设置了一个圆角边框。
InputDecoration对象包含了许多属性,可以根据自己的需求进行设置,例如:
```dart
TextField(
decoration: InputDecoration(
hintText: '请输入内容',
labelText: '文本框标题',
prefixIcon: Icon(Icons.person),
suffixText: '后缀文字',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide(
color: Colors.grey,
width: 2,
),
),
),
)
```
上述代码中,我们设置了一个带有标题、前缀图标、后缀文字和自定义边框的TextField。
更多关于InputDecoration的属性和用法,请参考官方文档:https://api.flutter.dev/flutter/material/InputDecoration-class.html
阅读全文