Flutter官方推荐的状态管理库-Provider简单入门

简介: Flutter官方推荐的状态管理库-Provider简单入门

最近几年崛起的新一代的GUI开发方式,几乎都是组件式开发。代表就是Vue React Flutter等。

组件开发一时爽,状态传递就很蛋疼了。比如A和B组件没有上下级关系,也不是层级相近的兄弟组件。这时候如果要把A的状态传递到B,就需要用到一个概念- 状态管理

常用的状态管理库

在flutter中,有很多状态管理库,比如RxDart、MobX、GetX、Provider等等。

其中Provider是官方推荐的一个状态管理库,也是几乎每个flutter使用者必备的一个状态库

安装Provider

provider: ^6.0.4

创建一个Model

import 'package:flutter/cupertino.dart';
class TestModel extends ChangeNotifier {
  int _counter = 0;
  int get counter => _counter;
  Add() {
    _counter += 1;
    notifyListeners();
  }
}

使用Provider

void main() {
  runApp(ChangeNotifierProvider(
    create: (context) => TestModel(),
    child: const MyApp(),
  ));
}

监听修改

Consumer<TestModel>(
                  builder: (context, value, child) =>
                      Text("ok:${value.counter}"),
                ))

触发修改

Provider.of<TestModel>(context, listen: false).Add();
目录
相关文章
|
1月前
|
Dart 前端开发 JavaScript
Flutter&Dart-异步编程Future、Stream极速入门
Flutter&Dart-异步编程Future、Stream极速入门
52 4
Flutter&Dart-异步编程Future、Stream极速入门
|
28天前
|
Kubernetes Cloud Native 搜索推荐
探索云原生技术:Kubernetes入门与实践打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】云原生技术正改变着应用开发和部署的方式。本文将带你了解云原生的基石——Kubernetes,通过实际的代码示例,从安装到部署一个简单的应用,让你迅速掌握Kubernetes的核心概念和操作方法。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你进入云原生世界的桥梁。
|
2月前
|
敏捷开发 前端开发 程序员
Hugeicons Flutter 图标库 | 4000+ 开源免费
在全栈开发的征途中,设计素材的匮乏往往是程序员的一大挑战,尤其是那些为MVP产品增添魅力的元素,比如图标(icons)。 一个优秀的免费图标库,对于快速搭建原型、优化视觉效果至关重要。今天,让我们聚焦于Flutter开发者的一个福音——Hugeicons图标库,它蕴藏着超过4000枚精心设计的图标,为你的应用程序注入无限创意潜力。
Hugeicons Flutter 图标库 | 4000+ 开源免费
|
2月前
|
开发框架 Dart Java
Flutter入门进阶之旅(一)-初识Flutter
Flutter 的目标是用来创建高性能、高稳定性、高帧率、低延迟的 Android 和 iOS 应用。并且开发出来的应用在不同的平台用起来跟原生应用具有一样的体验。不同的平台的原生体验应该得到保留,让该应用看起来同整个系统更加协调。不同平台的滚动操作、字体、图标 等特殊的特性 应该和该平台上的其他应用保持一致,让用户感觉就像操作原生应用一样。
41 1
|
1月前
Flutter 状态管理新境界:多Provider并行驱动UI
Flutter 状态管理新境界:多Provider并行驱动UI
33 0
|
1月前
|
Dart API
状态管理的艺术:探索Flutter的Provider库
状态管理的艺术:探索Flutter的Provider库
37 0
|
2月前
|
容器
flutter 布局管理【详解】
flutter 布局管理【详解】
28 3
|
2月前
|
Dart 搜索推荐
Flutter入门进阶之旅(二)Hello Flutter
好像几乎我们学习或者掌握任何一门编程语言都是Hello word开始的,本篇博文做为Flutter入门进阶的第一篇分享,我们也从最简单的Hello world开始,至于Flutter开发环境的配置,跟关于Dart语言的介绍,不是该专栏要讲解的内容,我就不详细做介绍了,读者可自行google或者百度了解一下。
43 0
|
2月前
flutter的状态管理学习
flutter的状态管理学习
|
3月前
|
移动开发 小程序 安全
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter