flutter suffixicon
时间: 2023-06-11 22:09:37 浏览: 148
flutter.docx
在Flutter中,可以使用`suffixIcon`属性添加一个图标作为文本框的后缀。这个属性接受一个`Icon`或`IconButton`小部件,并将其放置在文本框的右侧。以下是一个示例:
```dart
TextField(
decoration: InputDecoration(
labelText: 'Email',
suffixIcon: Icon(Icons.email),
),
);
```
在上面的示例中,我们将一个带有电子邮件图标的`Icon`小部件作为`suffixIcon`传递给了`InputDecoration`。这将在文本框的右侧添加一个电子邮件图标。
您还可以使用`IconButton`小部件作为`suffixIcon`,以便在用户点击该图标时触发某些操作。例如:
```dart
TextField(
obscureText: true,
decoration: InputDecoration(
labelText: 'Password',
suffixIcon: IconButton(
icon: Icon(Icons.visibility),
onPressed: () {
// Toggle password visibility
},
),
),
);
```
在上面的示例中,我们使用`IconButton`小部件作为`suffixIcon`,以便在用户点击该图标时切换密码的可见性。
阅读全文