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插件
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/256860.html
標籤:區塊鏈
