大写文本字段，但仅当我在flutter中单击按钮时

Question

当我点击一个按钮时，我需要能够大写整个文本字段并在其中写入内容，但当我一直在互联网上搜索解决方案时，我找不到解决方案，请提供帮助。

Answer 1

您所要做的就是将TextEditingController.text设置为其内容，但需要调用.toUpperCase()。

controller.text = controller.text.toUpperCase();

以下是一个示例应用程序(您可以在DartPad上尝试(：

import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: MyWidget(),
),
);
}
}
class MyWidget extends StatelessWidget {
final _controller = TextEditingController();
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
TextField(
controller: _controller,
),
RaisedButton(
child: Text('toUpperCase()'),
onPressed: () {
_controller.text = _controller.text.toUpperCase();
},
),
],
);
}
}