![](/img/trans.png)
[英]Flutter: SnackBar not displayed after calling setState() method
[英]Flutter - Rebuild parent after calling setState in grandchildren
我有一个带有主页的类和另一个带有 Dialog 的类(当用户单击浮动按钮时出现)。
主页上有一个 TextField,我想在从对话框的下拉菜单中选择一些东西后(立即)更新(它离 TextField 很远,在另一个类中)。 我怎么能告诉颤振重建那个(父)类?
它对我不起作用,在您编写的应用更改后,我的下拉菜单中没有选项并且不可点击。
DropdownButton<double>(
hint: Text("Specify sleep lenght"),
value: dropdownValue,
onChanged: onValueChange,
items: availableLengthHours.map((l) {
return DropdownMenuItem(
child: new Center(child: Text(l.toString())),
value: l,
);
}).toList(),
),
Jacek,不确定您尝试过什么,但实现您想要的一种方法是使用Navigator.push
的结果对话框选择。 这是一个简单的例子,
class MyApp extends StatefulWidget {
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
String text = 'Original text';
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Test'),),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(
left: 10.0, right: 10.0),
child: Column(children: <Widget>[
Text(text, style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold)),
]))
])),
floatingActionButton: Builder( builder: (context) => FloatingActionButton(
child: Icon(Icons.refresh),
onPressed: () async {
update(context);
},
)),
),
);
}
update(BuildContext context) async {
final result = await Navigator.push(
context,
MaterialPageRoute(builder: (context) => Dialog()),
);
setState(() {
text= result;
});
}
}
class Dialog extends StatelessWidget {
String dropdownValue = 'Updated item 1';
@override
Widget build(BuildContext context) {
return AlertDialog(
title: new Text('Test dialog'),
content: DropdownButton<String>(
value: dropdownValue,
icon: Icon(Icons.arrow_downward),
iconSize: 24,
elevation: 16,
style: TextStyle(color: Colors.deepPurple),
underline: Container(
height: 2,
color: Colors.deepPurpleAccent,
),
onChanged: (String newValue) {
Navigator.pop(context, newValue);
},
items: <String>[
'Updated item 1',
'Updated item 2',
'Updated item 3',
'Updated item 4'
].map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
),
actions: <Widget>[
// usually buttons at the bottom of the dialog
new FlatButton(
child: new Text('Cancel'),
onPressed: () {
Navigator.pop(context, true);
},
)
],
);
}
}
希望这很有效。
这个用例你需要做的两件事
ValueNotifier<String>
:仅在选择值时更新您的Text
小部件。showDialog<String>
:返回字符串值的对话框。 使用ValueNotifier
会很有效,因为您可以定位您的 Text 小部件,并且仅在值更改时重建它。 这将避免在屏幕上不必要地重建某些不使用此值的任意 Widget。
以下是供您参考的工作代码: 在 DartPad 上运行
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: AppContent(),
);
}
}
class AppContent extends StatelessWidget {
final ValueNotifier<String> _textValue = ValueNotifier<String>('Default Text');
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Demo',),),
body: ChildWidget(_textValue),
floatingActionButton: FloatingActionButton(
onPressed: () {
showDialog<String>(
context: context,
builder: (BuildContext dialogContext) {
return Dialog(
onValuePicked: (String value) {
Navigator.pop(context, value);
},
);
}).then((String value) {
if (value != null && value.isNotEmpty) {
_textValue.value = value;
}
});
},
),
);
}
}
class ChildWidget extends StatelessWidget {
final ValueNotifier<String> textValue;
ChildWidget(this.textValue);
@override
Widget build(BuildContext context) {
return ValueListenableBuilder(
builder: (BuildContext context, value, Widget child) {
return Text(value, style: Theme.of(context).textTheme.display2,);
},
valueListenable: textValue,
);
}
}
class Dialog extends StatelessWidget {
final ValueChanged<String> onValuePicked;
static const List<String> items = <String>[
'item 1',
'item 2',
'item 3',
'item 4'
];
static String dropdownValue = items[0];
Dialog({Key key, this.onValuePicked}) : super(key: key);
@override
Widget build(BuildContext context) => AlertDialog(
title: new Text('Item picker'),
content: DropdownButton<String>(
value: dropdownValue,
onChanged: onValuePicked,
items: items.map<DropdownMenuItem<String>>(
(String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
},
).toList(),
),
);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.