- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我将一些用户信息从第一个屏幕传递到第二个屏幕,在第二个屏幕上,我试图在 TextField 中编辑该信息。我的副屏代码如下。
class EditProfile extends StatefulWidget {
String profName;
String profOcc;
EditProfile({Key? key, required this.profName, required this.profOcc,}): super(key: key);
@override
_EditProfileState createState() => _EditProfileState();
}
class _EditProfileState extends State<EditProfile> {
@override
Widget build(BuildContext context) {
var nameController = TextEditingController()..text = widget.profName;
var occController = TextEditingController()..text = widget.profOcc;
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
elevation: 1,
leading: IconButton(
icon: Icon(
Icons.arrow_back,
color: Color(0xFF6f6bdb),
),
onPressed: (){
Navigator.pop(context);
},
),
),
body: Container(
padding: EdgeInsets.fromLTRB(30.0, 30.0, 30.0, 0.0),
child: GestureDetector(
onTap: () {FocusScope.of(context).unfocus();},
child: ListView(
children: [
Text(
"Edit Profile",
),
SizedBox(height: 20.0),
createInputField("NAME", nameController),
createInputField("OCCUPATION", occController),
SizedBox(height: 25.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ElevatedButton(
onPressed: () async {
//// Update the values when pressed
},
style: ElevatedButton.styleFrom(
primary: Color(0xFF6f6bdb), // background
padding: EdgeInsets.symmetric(horizontal: 50),
),
child: Text(
"UPDATE",
)
),
],
)
],
),
),
),
);
}
TextField createInputField(String labelText, TextEditingController controller) {
return TextField(
controller: controller,
decoration: InputDecoration(
isDense: true,
labelText: "$labelText:",
floatingLabelBehavior: FloatingLabelBehavior.always,
hintStyle: TextStyle(
fontSize: 16, fontWeight: FontWeight.w700,
color: Colors.black,
)
),
);
}
我的问题是,由于我正在 Widget 中初始化文本编辑 Controller ,当我编辑 TextField 中的值然后散焦该字段时,TextField 中的值将恢复为初始值。我的问题是,有没有办法在 Widget 之外初始化文本编辑 Controller ,并仍然使用我从第一个屏幕获得的值来设置初始值? widget.profName
在 Widget 之外不起作用。非常感谢对此的任何帮助。
最佳答案
您可以在构建方法之外创建一个 TextEditingController,方法是在 init 字段中设置它的值。像这样,
class SecondPage extends StatefulWidget {
final String myString;
const SecondPage({Key? key, required this.myString}) : super(key: key);
@override
State<SecondPage> createState() => _SecondPageState();
}
class _SecondPageState extends State<SecondPage> {
late final TextEditingController controller;
@override
void initState() {
super.initState();
controller = TextEditingController(text: widget.myString);
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
如果您将 late
分配给您的变量,您还可以使用另一种方法在 init 字段之外分配值
class SecondPage extends StatefulWidget {
final String myString;
const SecondPage({Key? key, required this.myString}) : super(key: key);
@override
State<SecondPage> createState() => _SecondPageState();
}
class _SecondPageState extends State<SecondPage> {
late final TextEditingController controller = TextEditingController(text: widget.myString);
@override
void dispose() {
controller.dispose();
super.dispose();
}
请记住在停止使用 textController 后对其进行处置。链接: https://api.flutter.dev/flutter/widgets/TextEditingController-class.html
关于使用 TextEditingController 设置初始值后,Flutter 在 TextField 中编辑值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69408373/
我是否必须创建多个 TextEditingController每 TextField例子 var oneController = TextEditingController(); var twoCon
当我在 CupertinoTextField 中使用 TextEditingController 并更改为另一个小部件(页面)并返回时,该页面中的先前状态将丢失。 当我取消注释 //controlle
在 android 版本中,Flutter TextEditingController 不会像您开始输入字段时默认的文本字段那样在键盘上方滚动。我试图查看 flutter 示例目录中提供的示例应用程序
我使用 flutter 表单 autovalidateMode: AutovalidateMode.onUserInteraction 来验证文本字段是否未填写。 如何在提交表单并重新设置文本域时隐藏
我正在尝试构建一个文本字段,它会触发用户输入特定字符的某些事件。例如,如果用户键入“@”符号,它将自动触发一个事件(在我的情况下打开一个警报框)。我创建了一个 TextEditingControlle
我正在尝试实现浏览器类型的搜索栏并使用文本字段在此处编写 url: TextEditingController _textcontroller; Widget searchbar() {
我有一个 文本字段 在我的 main.dart 中, Controller 名为 文本 Controller . 在其他小部件(button.dart)中,我有一个按钮。如果我按下该按钮,它应该设置
我正在寻找关于 TextEditingController 相对于 TextField 的 OnChanged 事件的好处的更好解释。 我的理解是onChanged的setState通知所有widge
拜托,有人帮忙解决这个问题,我不确定这是否是一个框架故障,那么怎么没有更多关于这个的帖子,如果是我那么为什么这个错误没有太多! ===========================主.dart im
我正在将我的 Swift 应用程序移植到 Flutter,并且我有各种用于时间输入的文本字段,因此为了让用户只能输入有效时间,我使用 Bloc 来验证它。基本上,在每次输入时,我都会在文本字段的 on
我有一些关于创建 TexEditingController 的正确方法的问题; 假设我想创建一个带有固定文本的 Controller ,那么我可以这样做: TextEditingController
在我的 flutter 项目中,我在页面上使用了 4 个复选框。我想根据选中的复选框在下一页显示一些列表。那么我该怎么做呢?有没有像 TextEditingController 这样的方法? 最佳答案
我有一个 TextField,它有一个 Controller ,它有一个更改监听器。像这样: final TextEditingController _oneController = TextEdit
我正在尝试从用户那里获取 4 个输入以显示最小值、最大值并显示中间值 1 和中间值 2。现在的事实是,每当我尝试输入以对其执行操作以显示我的答案时。它显示“类型'TextEditingControll
在阅读 Flutter 文档时,我看到了这篇文章,显示 how to handle changes to a text field .我发现有趣的是,在这篇文章和所有其他关于 TextEditingC
我想在 Flutter 中获取在 TextField() 中输入的 int 数据,我使用 TextEditingController: TextEditingController _section_i
我尝试实现的是在输入超过 1 个字符后自动验证 TextInputField。 这是我的 initState(简化版): @override void initState() { auto
当我将 TextEditingController 添加到我的 TextFormField 时,文本字段的值在与其交互后被重置/删除。 在代码示例中,我删除了不必要的小部件(对于较短的问题): Wid
我将一些用户信息从第一个屏幕传递到第二个屏幕,在第二个屏幕上,我试图在 TextField 中编辑该信息。我的副屏代码如下。 class EditProfile extends StatefulWid
我的 View 层中有这个语句 TextEditingController controllerDestino = TextEditingController(); 我想恢复这个 controller
我是一名优秀的程序员,十分优秀!