State Management in Dart
State management is an important concept in Flutter development. Flutter provides several approaches to managing the state of an application, including setState, InheritedWidget, and Provider.
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'My App',
home: Scaffold(
appBar: AppBar(
title: Text('My App'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'Counter:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
);
}
}
In the above example, we are using the StatefulWidget class to manage the state of our application. The _counter variable is used to keep track of the current count, and the _incrementCounter method is called when the floating action button is pressed to update the state of the application. The setState method is used to notify Flutter that the state of the application has changed, and the framework will automatically rebuild the widget tree to reflect the new state.
No comments:
Post a Comment