일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- HTML
- 오류
- page
- 자바스크립트
- listview
- JavaScript
- MVVM
- Binding
- 깃허브
- 파이어베이스
- 플러터
- MS-SQL
- spring boot
- 닷넷
- Animation
- 마우이
- Firebase
- 애니메이션
- typescript
- Maui
- 함수
- db
- 리엑트
- Flutter
- AnimationController
- 바인딩
- GitHub
- React JS
- MSSQL
- .NET
Archives
- Today
- Total
개발노트
56. [Flutter] Provider에 Parameter 값 넘겨주기(with FamilyAsyncNotifier) 본문
앱 개발/Flutter
56. [Flutter] Provider에 Parameter 값 넘겨주기(with FamilyAsyncNotifier)
mroh1226 2024. 1. 25. 17:25반응형
Provider 를 사용하는 환경에서 Notifier에 특정 값이 필요하다면, FamilyAsyncNotifier와 Provider.family를 사용하여, Parameter 값을 받아올 수 있습니다.
즉, Provier에 값을 넘겨 주고 싶을 때 .family를 사용하면됩니다.
값 받아오는 문서 소스(Provider 쪽)
class VideoPostViewModel extends FamilyAsyncNotifier<void, String> {
late final VideosRepository _repository;
late final _videoId;
@override
FutureOr<void> build(String videoId) {
_videoId = videoId;
_repository = ref.read(videosRepo);
}
Future<void> likeVideo() async {
final user = ref.read(authRepo).user;
await _repository.likeVideo(_videoId, user!.uid);
}
}
final videoPostProvider =
AsyncNotifierProvider.family<VideoPostViewModel, void, String>(
() => VideoPostViewModel());
- class extends 부분: FamilyAsyncNotifier<void,ParaType>{..}
- 초기화 FutureOr 부분: FutureOr<void> build(ParaType PratName)
- Provider 부분: AsyncNotifierProvider.family(ViewModel,void,ParaType>
값 넘겨주는 문서 소스 (Provider 사용하는 쪽)
void onLikeTap() {
ref.read(videoPostProvider(widget.videoData.id).notifier).likeVideo();
}
- Parameter 값 넘겨주기: ref.read(PrivoderName(ParaValue).notifier).Method();
반응형
'앱 개발 > Flutter' 카테고리의 다른 글
58. [Flutter] 키보드 레이아웃 위에 bttomNavigationBar 위젯 위치하는 방법 (0) | 2024.01.26 |
---|---|
57. [Flutter] Push 알림 기능 추가하기(Firebase Cloud Messaging) (1) | 2024.01.26 |
55. [Flutter] Flutter에서 Firestore 쿼리 사용법 (0) | 2024.01.23 |
54. [Flutter] Firebase functions 에 ffmpeg 패키지로 영상 썸네일 저장하기 (1) | 2024.01.09 |
53. [Flutter] Firebase Function 기능 활용하기 (1) | 2024.01.08 |
Comments