gpt4 book ai didi

keyboard - 键盘打开时重新创建 StatefulWidget 页面

转载 作者:IT王子 更新时间:2023-10-29 06:48:55 24 4
gpt4 key购买 nike

在我的个人资料页面中,当使用单击编辑图标时有编辑选项,我使用 bool 条件将 Text 小部件更改为 TextField 小部件
widget.isUpdate ? new Flexible(child: new TextField()) : Text("Text Widget") 它工作但是当 TextField 聚焦时键盘在那个时候打开 StatefulWidget 重新创建所以 bool 再次变为 false 然后 Textfield 移动到 Text Widget。只有当页面有 Navigator 推送页面(第二页)时才会发生这种情况

 Navigator.push(context,MaterialPageRoute(builder: (context) => UpdateProfile()))

如果此页面作为默认主页则工作正常。我不知道我犯了什么错误。

代码:

import 'package:flutter/material.dart';

class UpdateProfile extends StatefulWidget {
bool isUpdate = false;

@override
State<StatefulWidget> createState() {
// TODO: implement createState
return UpdateProfileState();
}
}

class UpdateProfileState extends State<UpdateProfile> {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: Text("Update"),
elevation: 2.0),
body: Container(
width: double.infinity,
height: double.infinity,
color: Colors.red,
margin: const EdgeInsets.all(10.0),
child: Row(
children: <Widget>[
widget.isUpdate ? new Flexible(child: new TextField()) : Text("Text Widget"),
GestureDetector(
child: IconTheme(
data: IconThemeData(color: Color(0xFFffffff)),
child: Icon(Icons.edit)),
onTap: () {
setState(() {
widget.isUpdate = !widget.isUpdate;
});
},
)
],
),
),
);
}
}

问题:

如果我设置为主页然后工作正常如下

import 'package:expense_manager_app/page/splash_page.dart';
import 'package:expense_manager_app/page/update_profile.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
// This is the theme of your application.
//
// Try running your application with "flutter run". You'll see the
// application has a blue toolbar. Then, without quitting the app, try
// changing the primarySwatch below to Colors.green and then invoke
// "hot reload" (press "r" in the console where you ran "flutter run",
// or simply save your changes to "hot reload" in a Flutter IDE).
// Notice that the counter didn't reset back to zero; the application
// is not restarted.
brightness: Brightness.dark,
primaryColor: Colors.red[500],
accentColor: Colors.green[900],
),
home: UpdateProfile(),
);
}
}

最佳答案

您应该将变量 isUpdate 移到您的状态中,记住小部件是不可变的。

        class UpdateProfileState extends State<UpdateProfile> {

bool isUpdate = false;

@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: Text("Update"),
elevation: 2.0),
body: Container(
width: double.infinity,
height: double.infinity,
color: Colors.red,
margin: const EdgeInsets.all(10.0),
child: Row(
children: <Widget>[
isUpdate ? new Flexible(child: new TextField()) : Text("Text Widget"),
GestureDetector(
child: IconTheme(
data: IconThemeData(color: Color(0xFFffffff)),
child: Icon(Icons.edit)),
onTap: () {
setState(() {
isUpdate = !isUpdate;
});
},
)
],
),
),
);
}
}

同时改变这个:

    Navigator.push(context,MaterialPageRoute(builder: (context) => UpdateProfile()))

对此:

    final page = UpdateProfile();
Navigator.push(context,MaterialPageRoute(builder: (context) => page ))

关于keyboard - 键盘打开时重新创建 StatefulWidget 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53920150/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com