Flutter BLoC Pattern
1.Flutter BLoC Pattern 개요
BLoC(Business Logic Component)는 Presetation Layer와 Busuiness Logic을 분리하여 코드를 작성할 수 있도록 해줍니다.BLoC Pattern은 Stream을 이용해서 구현 가능합니다.위젯은 Sinks (입구)를 통하여 BL
2.RxDart 패키지를 이용한 BLoC Pattern 예시
ReactiveX API를 Dart에서 사용할 수 있게 구현한 패키지Stream을 사용하기 용이하게 확장합니다.예시코드int 형태의 count를 state로 가지는 CounterBloc 클래스초깃값과 해당 Bloc의 상태를 변화하는 함수 등을 정의합니다.Behavior
3.Flutter BLoC 패키지의 BLoC 관련 클래스들
BLoC Pattern을 구현하는 데 도움이 되는 패키지입니다.BLoC 의 이벤트 정의, 상태 변화를 관찰하는 클래스 등 BLoC Pattern으로 구성할때 사용 가능한 기능들을 미리 구현해 두었습니다.관련 문서패키지 주소공식 문서(https://bloclib
4.Flutter BLoC 패키지의 위젯 클래스들
새로운 State를 전달 받았을 때 builder를 호출하여 widget을 변경합니다.StreamBuilder, FutureBuild와 유사한 역할입니다.buildWhen 속성을 이용하여 이전 BLoC의 State와 현재 BLoC의 State를 가져올 수 있고 bool
5.Equatable 패키지
객체 간 비교를 간편하게 해주는 flutter 패키지BLoC 에서 새로운 데이터를 받아 올 때 객체를 생성하면 새로운 인스턴스를 생성하여 이전값과 동일한 객체인지 비교가 불가능하여 State가 바뀌고 BlocBuilder에서 builder가 호출 되기때문에 이전값과의
6.Flutter BLoC 및 Equatable 패키지를 적용한 BLoC Pattern 예시
CredentialState와 Credential은 모두 Equatable 을 상속받는 클래스이벤트를 호출하는 함수버튼 클릭 시 해당 함수를 호출CredentialBloc 클래스의 mapEventToState 함수에서 getCredentials 이벤트가 들어오면 서버에
7.Flutter BLoC 패키지를 이용한 무한 스크롤 리스트 예시
필요한 패키지들을 pubspec.yaml에 추가합니다.더미 데이터를 제공해 주는 jsonplaceholder를 이용해서 데이터를 받아옵니다.posts api에서 start 값과 limit 값으로 post 데이터의 개수가 지정이 가능하며, 최대 100개까지의 데이터만 넘