News app in Flutter with BLOC pattern
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
assetss Push this app to google play Jan 27, 2019
news_app Change init in setings screen and add some little fitch Feb 6, 2019
LICENSE Create License Jan 27, 2019 Update Jan 31, 2019


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.


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 =>;
  Observable<NewsModel> get searchNews =>;
  Observable<NewsModel> get likeNews =>;

  fetchLikedNews() async {
    NewsModel newsModel = await _repository.fetchLikedNews();

  fetchAllNews() async {
    NewsModel newsModel = await _repository.fetchAllNews();

  fetchSearchNews() async {
    NewsModel newsModel = await _repository.fetchSearchNews();

  // Set and delete from Firestore liked
  addFavorit(val) async => _repository.addFavorit(val);
  deliteFavorit(val) async => _repository.deliteFavorit(val);

  dispose() {

final bloc = NewsBloc();


Built With

  • Flutter - Crossplatform App Development Framework


Released under the MIT license


Adeshchenko Kirill (Cyrill) (@kaparray)