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插件