katana_scoped 2.6.0 katana_scoped: ^2.6.0 copied to clipboard
A state management package to allow for retention and management while specifying the scope of the state.
// Flutter imports:
import 'package:flutter/material.dart';
// Package imports:
import 'package:katana_scoped/katana_scoped.dart';
void main() {
runApp(const MyApp());
}
final appRef = AppRef();
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return AppScoped(
appRef: appRef,
child: MaterialApp(
home: const CounterPage(),
title: "Flutter Demo",
theme: ThemeData(
primarySwatch: Colors.blue,
),
),
);
}
}
final valueNotifierQuery =
ChangeNotifierAppScopedQueryFamily<ValueNotifier<int>, int>(
(ref, p) => ValueNotifier(p),
);
class CounterPage extends PageScopedWidget {
const CounterPage({super.key});
@override
Widget build(BuildContext context, PageRef ref) {
final counter = ref.app.query(valueNotifierQuery(100));
return Scaffold(
appBar: AppBar(title: const Text("App Demo")),
body: Center(
child: Text("${counter.value}"),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
counter.value++;
},
child: const Icon(Icons.add),
),
);
}
}