实现一个flutter 状态管理demo
时间: 2023-06-07 21:09:42 浏览: 77
好的,我可以帮助你实现一个 Flutter 状态管理的 Demo。你可以通过使用 Flutter 自带的状态管理方案、Provider 等第三方库来实现。这里提供一个使用 Provider 的示例代码:
```
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
// 定义一个数据模型
class CountModel with ChangeNotifier {
int _count = 0;
int get count => _count;
void increment() {
_count++;
notifyListeners();
}
}
class CountScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
// 使用 Provider.of 获取数据模型
final countModel = Provider.of<CountModel>(context);
return Scaffold(
appBar: AppBar(
title: Text('Flutter 状态管理 Demo'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('当前计数:${countModel.count}'),
SizedBox(height: 20),
RaisedButton(
child: Text('增加'),
onPressed: () => countModel.increment(),
),
],
),
),
);
}
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider(
// 将数据模型放入 Provider 中
create: (_) => CountModel(),
child: MaterialApp(
home: CountScreen(),
),
);
}
}
void main() => runApp(MyApp());
```
这是一个简单的示例,你可以根据实际需求进行修改和扩展。希望能对你有所帮助!