flutter使用provider简单实现计数器

1，首先在pubspec.yaml里面安装

2，在同一个页面创建两个widget（或者将这两个widget单独创立dart文件）

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:provider/provider.dart';
import '../../provide/cunter.dart';
class StrictsSelection extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            Number(),
            MyButton()
          ],
        ),
      ),
    );
  }
}
class Number extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 200),
      child: Text("${Provider.of<Counter>(context).value}"),
    );
  }
}
class MyButton extends StatelessWidget {
  int num = 5;
  @override
  Widget build(BuildContext context) {
    return Container(
      child: RaisedButton(
        onPressed: (){
          Provider.of<Counter>(context,listen: false).increment(num);
        },
        child: Text('递增'),
      ),
    );
  }
}
 

3,展示图

此时点击增加的话，就会计数，这是为了实现在系统内共享状态得fluuter插件

来源：oschina

链接：https://my.oschina.net/u/4301169/blog/4948205