NewsApp
News app in Flutter with BLOC pattern
This example uses a CustomScrollView, JSON Rest API, BottonNavigationBar,SliverList, ClipRRect, Card, Progress Indicator, NetworkImage, Card, Column, Row, Container, InkWell, BoxDecoration.
Library
- rxdart
- http
- webview_flutter
- shared_preferences
- share
- cloud_firestore
- uuid
- dynamic_theme
- flutter_picker
- flutter_material_color_picker
Bloc pattern
I used this pattern to design this application.
class NewsBloc { final _repository = Repository(); final _newsFetcher = PublishSubject<NewsModel>(); final _newsSearchFetcher = PublishSubject<NewsModel>(); final _newsLikeFetcher = PublishSubject<NewsModel>(); Observable<NewsModel> get allNews => _newsFetcher.stream; Observable<NewsModel> get searchNews => _newsSearchFetcher.stream; Observable<NewsModel> get likeNews => _newsLikeFetcher.stream; fetchLikedNews() async { NewsModel newsModel = await _repository.fetchLikedNews(); _newsLikeFetcher.sink.add(newsModel); } fetchAllNews() async { NewsModel newsModel = await _repository.fetchAllNews(); _newsFetcher.sink.add(newsModel); } fetchSearchNews() async { NewsModel newsModel = await _repository.fetchSearchNews(); _newsSearchFetcher.sink.add(newsModel); } // Set and delete from Firestore liked addFavorit(val) async => _repository.addFavorit(val); deliteFavorit(val) async => _repository.deliteFavorit(val); dispose() { _newsLikeFetcher.close(); _newsFetcher.close(); _newsSearchFetcher.close(); } } final bloc = NewsBloc();
Screenshots
Built With
- Flutter – Crossplatform App Development Framework
License
Released under the MIT license
Author
Adeshchenko Kirill (Cyrill) (@kaparray)