英文:
I cant update the UI or widgets even with the StatefulWidget
问题
I want to update the height of the first alertDialog right after I press the "increase the height" in the secondDialog but it didn't change.
this is my code:
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
// this is the first value of the height
double heightSize = 200;
@override
Widget build(BuildContext context) {
return Container(
child: FloatingActionButton(
onPressed: () async {
setState(() {
print('the size0 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
title: Container(
padding: EdgeInsets.only(
left: 10, right: 10, top: 5, bottom: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Download File',
style: TextStyle(
color: Color.fromARGB(255, 83, 82, 82),
fontSize: 20),
),
],
),
),
content: Container(
// I want to change to 500 right after I press the button
height: heightSize,
child: Column(
children: [
IconButton(
onPressed: () {
setState(() {
print('the size1 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
content: GestureDetector(
child: Text(
'increase the height '),
onTap: () {
setState(() {
// this is the button I want to change to 500
heightSize = 500;
print(
'the size2 is $heightSize');
Navigator.pop(context);
});
},
),
);
},
);
},
);
});
},
icon: Icon(FontAwesomeIcons.paste))
],
),
),
);
},
);
},
);
});
},
),
);
}
}
if I close the two of the alert-dialog and press floating button it works, but I want to change it right after I press the "increase Size" button.
I tried using setState, but it didn't work.
英文:
I want to update the height of the first alertDialog right after I press the "increse the height" in the secoundDialog but it didn't change
this is my code:
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
// this is the firt value of the height
double heightSize = 200;
@override
Widget build(BuildContext context) {
return Container(
child: FloatingActionButton(
onPressed: () async {
setState(() {
print('the size0 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
title: Container(
padding: EdgeInsets.only(
left: 10, right: 10, top: 5, bottom: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Download File',
style: TextStyle(
color: Color.fromARGB(255, 83, 82, 82),
fontSize: 20),
),
],
),
),
content: Container(
// I want to change to 500 right after I press the button
height: heightSize,
child: Column(
children: [
IconButton(
onPressed: () {
setState(() {
print('the size1 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
content: GestureDetector(
child: Text(
'increase the height '),
onTap: () {
setState(() {
// this is the button I want to change to 500
heightSize = 500;
print(
'the size2 is $heightSize');
Navigator.pop(context);
});
},
),
);
},
);
},
);
});
},
icon: Icon(FontAwesomeIcons.paste))
],
),
),
);
},
);
},
);
});
},
),
);
}
}
if I close the two of the alert-dialog and press floating button it work but I want to change right after I press the increase Size button
I try the set state but it doesnt work
答案1
得分: 0
尝试使用异步方法，如下所示：
onPressed: () async {
await showDialog(...);
setState(() {});
print('the size1 is $heightSize');
},
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
double heightSize = 200;
@override
Widget build(BuildContext context) {
return Container(
child: FloatingActionButton(
onPressed: () async {
setState(() {
print('the size0 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
title: Container(
padding: EdgeInsets.only(
left: 10, right: 10, top: 5, bottom: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Download File',
style: TextStyle(
color: Color.fromARGB(255, 83, 82, 82),
fontSize: 20),
),
],
),
),
content: Container(
// I want to change to 500 right after I press the button
height: heightSize,
child: Column(
children: [
IconButton(
onPressed: () async {
await showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
content: GestureDetector(
child:
Text('increase the height '),
onTap: () {
setState(() {
// this is the button I want to change to 500
heightSize = 500;
print(
'the size2 is $heightSize');
Navigator.pop(context);
});
},
),
);
},
);
},
);
setState(() {});
print('the size1 is $heightSize');
},
icon: Icon(Icons.paste))
],
),
),
);
},
);
},
);
});
},
),
);
}
}
英文:
Try to use async method like
onPressed: () async {
await showDialog(...);
setState(() {});
print('the size1 is $heightSize');
},
class MyWidget extends StatefulWidget {
const MyWidget({super.key});
@override
State<MyWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
double heightSize = 200;
@override
Widget build(BuildContext context) {
return Container(
child: FloatingActionButton(
onPressed: () async {
setState(() {
print('the size0 is $heightSize');
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
title: Container(
padding: EdgeInsets.only(
left: 10, right: 10, top: 5, bottom: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Download File',
style: TextStyle(
color: Color.fromARGB(255, 83, 82, 82),
fontSize: 20),
),
],
),
),
content: Container(
// I want to change to 500 right after I press the button
height: heightSize,
child: Column(
children: [
IconButton(
onPressed: () async {
await showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
content: GestureDetector(
child:
Text('increase the height '),
onTap: () {
setState(() {
// this is the button I want to change to 500
heightSize = 500;
print(
'the size2 is $heightSize');
Navigator.pop(context);
});
},
),
);
},
);
},
);
setState(() {});
print('the size1 is $heightSize');
},
icon: Icon(Icons.paste))
],
),
),
);
},
);
},
);
});
},
),
);
}
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论