mirror of
https://github.com/flutter/samples.git
synced 2025-11-08 22:09:06 +00:00
Migrate from scoped_model to provider (#81)
This is the minimal possible change. It is meant to be readable as a standalone Pull Request. This does not touch comments. Additionally, it doesn’t use the niceties of provider, like automatic disposal of the model. Lastly, it doesn’t even rename the project from `scoped_model_counter`. All that will come in a follow-up PR.
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
import 'dart:async';
|
import 'dart:async';
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:scoped_model/scoped_model.dart';
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
void main() {
|
void main() {
|
||||||
// Initialize the model. Can be done outside a widget, like here.
|
// Initialize the model. Can be done outside a widget, like here.
|
||||||
@@ -17,15 +17,15 @@ void main() {
|
|||||||
// Now we're ready to run the app...
|
// Now we're ready to run the app...
|
||||||
runApp(
|
runApp(
|
||||||
// ... and provide the model to all widgets within.
|
// ... and provide the model to all widgets within.
|
||||||
ScopedModel<Counter>(
|
ChangeNotifierProvider<Counter>.value(
|
||||||
model: counter,
|
notifier: counter,
|
||||||
child: MyApp(),
|
child: MyApp(),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Simplest possible model, with just one field.
|
/// Simplest possible model, with just one field.
|
||||||
class Counter extends Model {
|
class Counter extends ChangeNotifier {
|
||||||
int value = 0;
|
int value = 0;
|
||||||
|
|
||||||
void increment() {
|
void increment() {
|
||||||
@@ -63,8 +63,8 @@ class MyHomePage extends StatelessWidget {
|
|||||||
// and retrieves its model (Counter, in this case).
|
// and retrieves its model (Counter, in this case).
|
||||||
// Then it uses that model to build widgets, and will trigger
|
// Then it uses that model to build widgets, and will trigger
|
||||||
// rebuilds if the model is updated.
|
// rebuilds if the model is updated.
|
||||||
ScopedModelDescendant<Counter>(
|
Consumer<Counter>(
|
||||||
builder: (context, child, counter) => Text(
|
builder: (context, counter, child) => Text(
|
||||||
'${counter.value}',
|
'${counter.value}',
|
||||||
style: Theme.of(context).textTheme.display1,
|
style: Theme.of(context).textTheme.display1,
|
||||||
),
|
),
|
||||||
@@ -78,7 +78,8 @@ class MyHomePage extends StatelessWidget {
|
|||||||
// the current model and doesn't automatically trigger rebuilds.
|
// the current model and doesn't automatically trigger rebuilds.
|
||||||
// Since this button always looks the same, though, no rebuilds
|
// Since this button always looks the same, though, no rebuilds
|
||||||
// are needed.
|
// are needed.
|
||||||
onPressed: () => ScopedModel.of<Counter>(context).increment(),
|
onPressed: () =>
|
||||||
|
Provider.of<Counter>(context, listen: false).increment(),
|
||||||
tooltip: 'Increment',
|
tooltip: 'Increment',
|
||||||
child: Icon(Icons.add),
|
child: Icon(Icons.add),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ dependencies:
|
|||||||
flutter:
|
flutter:
|
||||||
sdk: flutter
|
sdk: flutter
|
||||||
|
|
||||||
scoped_model: ^1.0.1
|
provider: ^2.0.1
|
||||||
|
|
||||||
cupertino_icons: ^0.1.2
|
cupertino_icons: ^0.1.2
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_test/flutter_test.dart';
|
import 'package:flutter_test/flutter_test.dart';
|
||||||
import 'package:scoped_model/scoped_model.dart';
|
import 'package:provider/provider.dart';
|
||||||
import 'package:scoped_model_counter/main.dart';
|
import 'package:scoped_model_counter/main.dart';
|
||||||
|
|
||||||
void main() {
|
void main() {
|
||||||
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
||||||
// Build our app, provide it with a model, and trigger a frame.
|
// Build our app, provide it with a model, and trigger a frame.
|
||||||
await tester.pumpWidget(
|
await tester.pumpWidget(
|
||||||
ScopedModel(
|
ChangeNotifierProvider(
|
||||||
model: Counter(),
|
builder: (_) => Counter(),
|
||||||
child: MyApp(),
|
child: MyApp(),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user