stateful

Description:

stateful

Stateful #
A set of common stateful widget implementations.
Usage #
Initializer #
return Initializer(
afterFirstFrame: true,
initialize: (context) {
// Launch an initial request
},
child: Container(
// ...
),
);
copied to clipboard
Disposed #
return Disposed<State>(
initialize: (context) {
final state = State(),
return DisposedValue(
value: state,
dispose: () => state.dispose(),
);
},
builder: (context, state) => AnimatedBuilder(
animation: state,
builder: (context) => Text(state.value),
),
);
copied to clipboard
Ticked (Initialized with TickerProviderStateMixin) #
return Ticked<MyController>(
initialize: (context) {
final state = MyController(vsync: vsync),
return Disposed(
value: state,
dispose: () => state.dispose(),
);
},
builder: (context, controller) => MyView(
controller: controller,
),
),
);
copied to clipboard
Animated (~ AnimationController) #
return Animated(
duration: const Duration(milliseconds: 200),
builder: (context, animationController) => MyView(
controller: controller,
),
),
);
copied to clipboard
Scrolled (~ ScrollController) #
return Scrolled(
initialOffset: 100.0,
builder: (context, scrollController) => ListView(
controller: controller,
children: [
/// ...
]
),
),
);
copied to clipboard
Tabbed (~ TabController) #
return Tabbed(
initialIndex: 3,
length: 4,
builder: (context, tabController) => TabBarView(
controller: tabController,
children: [
// ...
]
),
);
copied to clipboard
Paged (~ PageController) #
return Paged(
initialPage: 2,
viewportFraction: 0.6,
builder: (context, pageController) => PageView(
controller: pageController,
children: [
// ...
]
),
);
copied to clipboard
TextEdited (~ TextEditingController) #
return TextEdited(
text: 'hello',
builder: (context, textEditingController) => TextField(
controller: textEditingController,
/// ...
),
);
copied to clipboard
Registered (~ Multiple initializations) #
final registry = Registry();
final animated = registry.animated(
duration: const Duration(milliseconds: 200)
);
final textEdited = registry.textEdited(
text: 'hello',
);
final state = registry.initialized(
(context) {
final state = State(),
return Disposed(
value: state,
dispose: () => state.dispose(),
);
}
);

return Registered(
registry: registry,
builder: (context, values) => Column(
children: [
MyView(
controller: animated(values),
),
AnimatedBuilder(
animation: state,
builder: (context) => Text(state(values).value),
),
TextField(
controller: textEdited(values),
/// ...
),
],
),
);
copied to clipboard
Q & A #

How does it compare to Provider ?

The provider package offers a way to initialize and dispose instances but it also offers a way to access it from sub-children. Though only one instance of a given type can be provided. This stateful package has a different purpose since declared instances are only accessible from the builder methods : it is lightweight, and targeted for local instances.