保留Flutter中变量的值并在导航时使用
创始人
2024-11-24 10:30:42
0

使用Provider库

使用Provider库可以在应用程序的各个部分中共享数据。在导航时,要传递给下一个屏幕的数据可以通过将其包装在Provider中来保存。当下一个屏幕被创建时,它可以获取之前屏幕中的Provider中的数据。

以下是使用Provider库的示例代码:

在您的应用程序的顶部添加依赖:

dependencies: flutter: sdk: flutter provider: ^4.3.1

然后,在您的屏幕中:

class Screen1 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: RaisedButton( child: Text('Go to Screen 2'), onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => Screen2(), ), ); }, ), ), ); } }

class Screen2 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: RaisedButton( child: Text('Next'), onPressed: () { Provider.of(context, listen: false).increment(); Navigator.push( context, MaterialPageRoute( builder: (context) => Screen3(), ), ); }, ), ), ); } }

class Screen3 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Text( Provider.of(context, listen: false).value.toString(), style: Theme.of(context).textTheme.headline4, ), ), ); } }

class MyData with ChangeNotifier { int _value = 0; int get value => _value;

void increment() { _value++; notifyListeners(); } }

在这个例子中,Screen1将跳转到Screen2。Screen2将使用Provider来包装MyData,以便可以在下一个屏幕中访问该数据。当用户按下'下一步”按钮时,MyData的值将递增,并导航到Screen3。在Screen3中,MyData的值将使用Provider.of调用,从先前屏幕中获取。

使用Provider,您可以保存在屏幕之间共享的任何数据,包括计数器、用户数据等等。

相关内容

热门资讯

五分钟了解!雀神广东麻将设置胜... 广东雀神智能插件安装使用版本解析‌,五分钟了解!雀神广东麻将设置胜率(辅助挂)果真真的有挂(新版有挂...
总算了解!手机鄂州晃晃有外挂吗... 总算了解!手机鄂州晃晃有外挂吗(辅助挂)其实是真的有挂(有挂透明挂)-哔哩哔哩,支持语音通讯、好友开...
六分钟了解!来玩德州app辅助... 六分钟了解!来玩德州app辅助软件(辅助挂)透视辅助((2021已更新))(哔哩哔哩)是一款可以让一...
玩家科普!微信雀神小程序能开挂... 广东雀神辅助器最新版版本稳定性对比与推荐‌:玩家科普!微信雀神小程序能开挂(辅助挂)竟然是真的有挂(...
科普攻略!来玩德州app有挂吗... 科普攻略!来玩德州app有挂吗!原来是真的有挂((2023已更新))(哔哩哔哩)是一款可以让一直输的...
透视黑科技!山西大唐麻将怎么调... 透视黑科技!山西大唐麻将怎么调胜率(辅助挂)的确是真的有挂(有挂教程)-哔哩哔哩关于山西大唐麻将怎么...
8分钟科普!wopoker辅助... 8分钟科普!wopoker辅助v3.0(辅助挂)软件透明挂((2025已更新))(哔哩哔哩),您好,...
科技分享!雀神辅助器苹果版(辅... 科技分享!雀神辅助器苹果版(辅助挂)确实是真的有挂(有挂总结)-哔哩哔哩;雀神辅助器苹果版是一款益智...
五分钟了解!wepoke是不是... 五分钟了解!wepoke是不是有挂!竟然真的有挂((2020已更新))(哔哩哔哩);大神普及一款德州...
透视软件!湖北麻将卡五星助赢神... 透视软件!湖北麻将卡五星助赢神器(辅助挂)的确真的有挂(真的有挂)-哔哩哔哩;湖北麻将卡五星助赢神器...