Sometimes, it's gonna be really tedious to make list item from scratch using some widget combining all together. In this case, ListTile is useful. ListTile comes with leading for first section, which can be icon or some images, title for middle text and trailing for last section, which may be number or amount of products etc. This ListTile would be utilised with ListView.builder() function. ListView is more efficient and not affecting the app's performance displaying large number of items. If small number of items need to be displayed, for loops can be used.
To add animation in flutter, you need to follow these steps \
1.Create variable using late AnimationController \
2.Create initState function because widget needs to be generated again to activate animation \
3.For AnimationController variable in initState(), need to create AnimationController() widget with vsync attribute \
4.You can add duration, lowerbound and upperBound but these are optional \
5.Use AnimatedBuilder(animation: ...) to show animation in application \
6.In AnimationBuilder(), you need to pass builder attribute and in this attribute, you need to
When we want to use provider to share data, as we know, we need to use StateNotifier and StateNotifierProvider<...>. In provider, you need to set variable, which returns StateNotifier class. Your logic is coming in this class and you need to manipulate state variable.
If you think your life is hard, it's the time to grow as human so don't think badly, cus it's kinda good thing. Whatever happens to you, it just gives you lesson. However, this lesson only comes to you when you make action because there is no challenge without obstacle, right? So I believe in what I'm doing and I promise to myself whatever happens to me, I'll try my best to get over it.
In flutter, if we use value via multiple class using constructor, it will be better to use provider. This provider is a little bit tricky but it makes sense to me. I'll share necessary function here.
1.Create class using StateNotifier. In generic, define what data you want to provide, this time >\
2.The constructor is class_name() : super([]); The parenthesis of super is [] because shared data is List type.\
3.The shared data is including in state, so if you want to manipulate shared data, use state in function. For example, state = state.where((m) => m.id != meal.id).toList(); \
4.Finally, you need to define provider which returns Notifier \
The whole code looks like below: \
\
import 'package:flutter_riverpod/flutter_riverpod.dart'; \
import 'package:meals/models/meal.dart';
\
\
class FavoriteMealsNotifier extends StateNotifier> {
FavoriteMealsNotifier() : super([]);
bool toggleMealFavoriteStatus(Meal meal) {
final mealIsFavorite = state.contains(meal);
if (mealIsFavorite) {
state = state.where((m) => m.id != meal.id).toList();
return false;
} else {
state = [...state, meal];
return true;
}
}
}
\
final favoriteMealsProvider =
StateNotifierProvider>((ref) { \
return FavoriteMealsNotifier(); \
});
This is the provider, you need to set other classes to ConsumerWidget if stateless and ConsumerStatefulWidget if stateful.
