我的設定：
class Start_Page extends StatefulWidget {
@override
StartPageState createState() => StartPageState();
}
class StartPageState extends State<Start_Page> {
@override
Widget build(BuildContext context){
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown,
]);
return Scaffold(
body: Container(
child: ElevatedButton(
style: ButtonStyle(),
onPressed: () {
createUserModalBottomSheet(context);
},
child: Text("Start"),
)
)
);
}
}
void createUserModalBottomSheet(context){
showModalBottomSheet(context: context, builder: (BuildContext bc) {
return Container(
child: Switch(value: true, onChanged: (value) => {value = !value}, activeColor:
Colors.grey)
);
}
}
問題是開關不會改變他的價值。Modalbottomsheet 出現但不會更新更改/狀態。有誰知道解決方案？
uj5u.com熱心網友回復：
使用StatefulBuilder以更新UI內showModalBottomSheet。第二個問題是您需要使用 bool 變數來保存值。
class StartPageState extends State<Start_Page> {
bool switchValue = false;
///......
void createUserModalBottomSheet(context) {
showModalBottomSheet(
context: context,
builder: (BuildContext bc) {
return StatefulBuilder(
builder: (context, setStateSB) => Container(
child: Switch(
value: switchValue,
onChanged: (value) {
setState(() {
// update parent UI
switchValue = value;
});
setStateSB(() {
// update inner dialog
switchValue = value;
});
},
activeColor: Colors.grey),
),
);
});
}
@override
Widget build(BuildContext context) {
.........
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/402359.html
標籤：
上一篇：在Android應用程式測驗期間未顯示真正的Admob插頁式廣告
下一篇：如何讓我的隨機問題不重復？