Flutter中运用Provider

最新推荐文章于 2024-08-14 21:14:53 发布
最新推荐文章于 2024-08-14 21:14:53 发布
阅读量1.3k 收藏 2
点赞数
文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bachelores/article/details/127115666
版权
本文介绍了在Flutter中采用Provider进行状态管理的原因和方法，包括安装Provider包、创建逻辑类、在Widget中接收和更改状态，强调了使用Provider如何帮助实现MVVC架构，提升代码维护性。
摘要由CSDN通过智能技术生成

前言

要明白为什么用Provider，在原先修改数据都是通过setState来进行修改，这样导致视图和逻辑无法分层，使后续代码难以维护，所以可以通过Provider来进行更好的维护。想在Flutter中实现MVVC架构的话通过Provider是一个不错的选择，而且在Provider官方文档也有比较清晰的说明，这里主要就是总结我做时候的方案。（本文参考了Flutter的官方文档）

安装包

可以通过直接在pubspec.yaml在dependencies中添加provider: 版本号来直接安装provider。

addPackage

创建逻辑类

创建一个类来继承Provider的ChangeNotifier，这里用来当作改变状态的通知者。每次当状态要修改时候需要条用notifyListeners()才能使Provider知道你修改了里面的值。

notifier

class ContactsViewModel extends ChangeNotifier {
   
  // 好友列表
  List _friendsList = [];
  // 添加好友
  void addFriend() {
最低0.47元/天 解锁文章
bachelores
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter开发Provider详解
Dream It Possible
02-10 1万+
一、为什么会有Provider？ 因为 Flutter 与 React 技术栈的相似性，所以在 Flutter 中涌现了诸如flutter_redux、flutter_dva、flutter_mobx、fish_flutter等前端式的状态管理，它们大多比较复杂，而且需要对框架概念有一定理解。 而作为 Flutter 官方推荐的状态管理scoped_model，又因为其设计较为简单，有些时候不适用于复杂的场景。 所以在经历了一端坎坷之后，今年 Google I/O 大会之后，Pro...
Flutter Provider 使用指南详解
繁依Fanyi的博客
03-25 2724
在Flutter应用程序开发中，状态管理是一个至关重要的方面。随着应用程序的复杂性增加，有效地管理和共享状态变得至关重要。Flutter Provider是一个流行的状态管理解决方案，它提供了一种简单而强大的方式来管理Flutter应用程序中的状态。Flutter Provider是Flutter社区中最受欢迎的状态管理解决方案之一。它是一个轻量级、易于使用的库，旨在帮助开发人员有效地管理应用程序中的状态。Provider允许您将数据模型暴露给整个应用程序，并在需要时轻松地访问和更新状态。
Flutter的状态管理之Provider
weixin_41897680的博客
07-18 2361
Flutter的状态管理之Provider
Flutter状态管理之Provider的使用
三翼鸟数字化平台的技术实践分享
10-19 1985
当App的复杂性发展到一定程度，经常会出现一个页面中不同深度的子Widget需要共享访问同一个数据状态，甚至不同页面要共享同一个状态。这时我们就会想到InheritedWidget。InheritedWidget是 Flutter 中非常重要的一个功能型组件，它提供了一种在 widget 树中从上到下共享数据的方式，比如我们在应用的根 widget 中通过InheritedWidget共享了一个数据，那么我们便可以在任意子widget 中来获取该共享的数据。而Provider就是对InheritedWidg
Flutter Provider状态管理
Dream It Possible
11-20 2920
我们这里创建了一个类继承了，我们这里的案例是以计数器为案例，所有我们定义一个变量count，以及一个改变数值的increment方法，当我们调用increment后会对count进行+1，最后调用count++;}}以上是对Provider进行了介绍、优势、类结构和说明以及一个基本使用的例子，相对于使用来说，显然Provider使用起来更简单。但是从它的提供者、消费者这些类来看稍微复杂，后面的章节中我们来讲讲这些类。在我们上一篇文章中对Provider。
Flutter中的provider
Huang兄
10-30 1185
2019-07-01 文章目录添加依赖创建数据model如何传递、共享数据向子节点传递数据在子节点中获取数据Consumer 作为一个状态共享的解决方案，不复杂，好理解，代码量不大的情况下，可以方便组合和控制刷新颗粒度 ， 而原 Google 官方仓库的状态管理 flutter-provide 已宣告GG ， provider 成了它的替代品。和scoped_moded比起来，入侵性比较小，也适合比较复杂的应用场景。 具体的代码在 https://github.com/huangyuanlove/test_
Flutter provider状态管理框架
10-24
Flutter Provider状态管理框架详解 Flutter，作为Google推出的跨平台移动应用开发框架，以其高效、灵活和丰富的UI组件库深受开发者喜爱。...理解并熟练运用Provider，将有助于你构建出更加健壮和可维护的Flutter应用。
flutter-mvvm-provider-demo
02-03
【flutter-mvvm-provider-demo】是一个基于Flutter框架的项目示例，展示了如何在移动应用开发中运用MVVM（Model-View-ViewModel）架构模式，并结合Provider作为状态管理工具。这个项目适用于Android、iOS平台，同时...
Flutter练习项目
08-10
1. **状态管理**：如Provider、Riverpod或Bloc等，用于在复杂的UI中管理数据和视图的状态。 2. **网络请求**：使用http库进行API调用，获取在线书籍数据。 3. **数据解析**：如使用json_serializable或json_...
23 Flutter官方推荐的状态管理库provider的使用.rar
03-25
在Flutter开发中，状态管理是应用复杂性的重要组成部分，它涉及到如何在组件之间共享和更新数据。`provider`是Flutter官方...通过实践和学习，你将能够熟练运用`provider`来构建高效、响应式且易于维护的Flutter应用。
Flutter 开发过程中常用的 Widget 与功能实例.zip
01-25
本资源"Flutter开发过程中常用的Widget与功能实例"包含了一系列实战案例，帮助开发者深入理解并熟练运用这些关键组件。以下是其中一些重要的Widget和功能的详细说明： 1. **基础Widget**： - `Container`：用于...
flutter中Provider详解
热门推荐
lpfasd123的博客
09-27 2万+
为什么我们需要状态管理 如果应用足够简单，Flutter 作为一个声明式框架，你或许只需要将 数据 映射成 视图 就可以了。你可能并不需要状态管理，就像下面这样。 image.png 但是随着功能的增加，你的应用程序将会有几十个甚至上百个状态。这个时候你的应用应该会是这样。 image.png 这实在是太复杂了！而且还会有多个页面共享同一个状态，需要同步状...
Flutter:五分钟学会使用动态管理Provider
yihanss的博客
08-15 1304
Flutter Provider是一种状态管理库，它允许通过一个中心组件来传递和共享数据。它使用了InheritedWidget，建立了一个数据传递的上下文树来实现数据共享。
Flutter状态管理之Provider的使用和架构分析
Dream It Possible
03-30 2018
状态管理在Flutter中非常重要，但是它包含的内容又非常的广泛。 本文我们首先了解下什么是状态和状态管理呢？然后我们来了解官方的状态管理库Provider的使用，最后分析下Provider背后的秘密。 状态管理 状态 Flutter是声明式编程，Widget定义的UI都是在build()函数中实现的，这个函数的功能就是将状态转换成UI。 UI = f(state) 官方对状态的定义如下： whatever data you need in order to rebuild your
[Flutter]使用Provider进行状态管理
Gamin
03-08 1026
如果你有多个不同的状态需要管理，你通常会为每种状态创建不同的模型。例如，如果你在一个widget中使用这个模型，你可能需要使用。是Flutter中一个非常流行的状态管理工具，它可以帮助开发者更有效地管理Widget树中的数据。但是，如果你的状态数据非常紧密相关，并且它们通常一起改变，那么将它们放在同一个模型中也是有意义的。通过这种方式，你可以将应用的不同部分的状态管理分离开来，从而使你的代码更加模块化和可维护。更进一步，比如异步从网络获取状态，也是类似的。在你的应用中，你需要在一个合适的位置（如。
【Flutter】Flutter 状态管理 Provider 包使用概述
Code Metaverse
06-21 1227
Provider 是 Flutter 社区中广受欢迎的状态管理工具之一，它以其简洁的 API 和强大的功能赢得了开发者们的喜爱。
Flutter Provider状态管理---MVVM架构实战
weixin_43740011的博客
06-12 1451
MVVM架构是“Model-View-ViewModel”的缩写，它是一种软件架构模式，旨在将用户界面（View）的开发与应用程序逻辑（ViewModel）的开发分离开来。ViewModel是View和Model之间的桥梁，它负责将Model中的数据转换为View可以直接使用的数据。在MVVM架构中，View和ViewModel之间通过数据绑定进行通信。在本文中，我们介绍了如何使用Provider实现MVVM架构。MVVM架构可以帮助我们更好地组织Flutter应用程序中的代码并使其更易于维护。
VideoPlayer插件的用法
最新发布
talk_8的专栏
08-14 813
，本章回中将详细介绍如何通过该包提供的API来播放视频。在Flutter开发中需要使用三方包video_player来播放视频；
flutter中provider的用法
04-28
Flutter中的Provider是一个状态管理工具，它可以帮助我们在应用程序中共享数据。 使用Provider的步骤如下： 1. 引入Provider包 在项目的pubspec.yaml文件中加入provider包的依赖： ``` dependencies: flutter: sdk: flutter provider: ^4.3.2+2 ``` 2. 创建数据模型 在使用Provider之前，需要先定义一个数据模型。这个数据模型可以是一个类，也可以是一个数据结构。 例如，我们可以定义一个名为“CountModel”的数据模型，用于存储计数器的值： ``` class CountModel extends ChangeNotifier { int _count = 0; int get count => _count; void increment() { _count++; notifyListeners(); } } ``` 在这个模型中，我们定义了一个私有变量_count，用于存储计数器的值。我们还定义了一个公共的getter方法count，用于获取计数器的值。最后，我们定义了一个increment方法，用于将计数器的值加1，并通过notifyListeners通知依赖该模型的组件进行更新。 3. 在组件中使用Provider 在组件中使用Provider非常简单。我们可以使用Provider.of方法来获取数据模型，并在组件中使用该数据模型。 例如，我们可以创建一个名为“CounterPage”的页面，用于显示计数器的值和一个按钮，用于增加计数器的值： ``` class CounterPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Counter'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'Counter', ), Consumer<CountModel>( builder: (context, countModel, child) { return Text( '${countModel.count}', style: Theme.of(context).textTheme.headline4, ); }, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: () { Provider.of<CountModel>(context, listen: false).increment(); }, tooltip: 'Increment', child: Icon(Icons.add), ), ); } } ``` 在这个页面中，我们使用Consumer来获取CountModel数据模型，并在Text组件中显示计数器的值。我们还使用Provider.of方法来获取CountModel数据模型，并在FloatingActionButton组件中使用increment方法来增加计数器的值。 这就是使用Provider的基本步骤。需要注意的是，Provider.of方法会向上查找widget树，直到找到对应的Provider对象。因此，我们需要在应用程序的根组件中创建Provider对象，以便在整个应用程序中共享数据模型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值