flutter provider 例子
Flutter Provider 是一个状态管理库,它提供了一种简单的方式来管理应用程序的状态。以下是一个使用 Provider 的基本示例:
首先,您需要安装 Provider 包。在您的项目目录中打开终端,并运行以下命令:
flutter add provider | |
然后,创建一个状态类来存储应用程序的状态。例如,您可以创建一个 CounterState 类,如下所示:
class CounterState extends ChangeNotifier { | |
int _count = 0; | |
int get count => _count; | |
void increment() { | |
_count++; | |
notifyListeners(); | |
} | |
void decrement() { | |
_count--; | |
notifyListeners(); | |
} | flutter开发app|
} | |
接下来,在您的应用程序中创建一个 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小时内删除。
发表评论