flutter provider 例子
Flutter Provider 是一个状态管理库,它提供了一种简单的方式来管理应用程序的状态。以下是一个使用 Provider 的基本示例:
首先,您需要安装 Provider 包。在您的项目目录中打开终端,并运行以下命令:
flutter add provider
然后,创建一个状态类来存储应用程序的状态。例如,您可以创建一个 CounterState 类,如下所示:
flutter开发app
class CounterState extends ChangeNotifier {
int _count = 0;
int get count => _count;
void increment() {
_count++;
notifyListeners();
}
void decrement() {
_count--;
notifyListeners();
}
}
接下来,在您的应用程序中创建一个 Provider。例如,您可以在 main.dart 文件中创建一个 CounterProvider
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider<CounterState>(
create: (context) => CounterState(),
child: MaterialApp(
home: HomeScreen(),
),
);
}
}
最后,在您的屏幕上使用 Provider。例如,您可以在 HomeScreen 中使用 Provider
class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
final counter = Provider.of<CounterState>(context);
return Scaffold(
appBar: AppBar(title: Text('Counter')),
body: Center(child: Column(mainAxisAlignment: , children: [
RaisedButton(onPressed: () => counter.increment(), child: Text('Increment')),
Text('${unt}'),
RaisedButton(onPressed: () => counter.decrement(), child: Text('Decrement')),
])),
);
}
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。