uistate

Description:

uistate

UIState #

Cleanest way of representing UI state in a flutter widget.




Loading
Success
Failure










Usage #
Get a live/stream representation of your data:
UIState<String> state = Provider.of<ViewModel>(context).state;
copied to clipboard
Inspired by kotlin's inline switch:
The when returns the widget of the current state of your state variable
state.when(
success: (event) => Text(event.value),
failure: (event) => Text('Error: ${event.errorMessage}'),
loading: (event) => CircularProgressIndicator(),
)
copied to clipboard
build method example: #
@override
Widget build(BuildContext context) {
UIState<String> state = Provider.of<ViewModel>(context).state;

return Scaffold(
body: Container(
margin: EdgeInsets.all(20),
child: Center(
child: state.when(
success: (event) => Text(event.value),
failure: (event) => Text('Error: ${event.errorMessage}'),
loading: (event) => CircularProgressIndicator(),
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.adjust_sharp),
onPressed: () {
Provider.of<ViewModel>(context, listen: false).fetchUser();
},
),
);
}
copied to clipboard
The ChangeNotifier (ViewModel) side of it #
The state variable will assume the loading/failure/success state of the data request:
class ViewModel extends ChangeNotifier {
final UsernameRepository repository;
ViewModel(this.repository);

UIState<String> state = Loading();

fetchUser() async {
try {
String username = await repository.getUsername();
state = Success(username);
} catch (error) {
state = Failure(error.toString());
}

notifyListeners();
}
}
copied to clipboard
Install #
flutter pub add uistate
copied to clipboard
as explained: on these steps

Made with ♥ by Cesar Ferreira

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter