전체 글 (43) 썸네일형 리스트형 BLOC basic Add Sub 큐빗과 함께 BLOC 도 add sub 를 만들어봅니다. Cubit 과 함께 비교되게 한페이지에 같이 작성이 됩니다. counter_bloc.dart import 'package:bloc/bloc.dart'; import 'package:meta/meta.dart'; part 'counter_event.dart'; class CounterBloc extends Bloc { CounterBloc() : super(0) { on((event, emit) { emit(state + 1); }); on((event, emit) { emit(state - 1); }); } } BLOC는 cubit 과달리 event 처리를 해야한다. counter_state.dart part of 'counter_bloc.dart'; @imm.. Cubit basic add sub 프로바이더인가 프로바이더 처럼 시작해보는 cubit 상태관리 counter_cubit.dart class CounterCubit extends Cubit { // 입력값은 int CounterCubit() : super(0); // 초기 값은 0 initial 설정가능 void increase() { emit(state + 1); } void decrease() { emit(state - 1); } } counter_home.dart 를 프로바이더 처럼 꾸미면 아래 코드와 같다. + 주의점 : 좀더 좋은 코드는 사용되는 text 부분에서만 bloc를 사용 하는 것이 많은 화면을 갱신 하지 않고 부분만 갱신하기에 좋다. class CountScreen extends StatelessWidget { CountScreen(.. RiverPod basic 1 add & sub 더하기 빼기 설치는 아래 처럼 flutter_riverpod 를 한다. 이유는 ConsumerWidget 해보면 위에것은 현재 참조가 없다. 앞으로 생길 수도 있으나 . 그래서 , 현재는 아래의 리버팟을 설치한다. https://pub.dev/packages/flutter_riverpod riverpod 는 사용할 클래스를 감싸줘야 한다. // riverpod 는 사용할 클래스를 감까줘야 한다. runApp(const ProviderScope(child: MyApp())); // 테스트용 카운터 상태 증가 감소를 설정, super의 디폴드 값은 0이다. class Counter extends StateNotifier { Counter() : super(0); void increase() => state++; void.. 이전 1 2 3 4 5 6 ··· 15 다음
