Develop a full fledged Global News Flutter App in a day PART 2.

So,In the part 1 of this series we designed our homepage for the news app that we are building.So, Let’s dive deeper and design our news page based on different categories.

Develop a full fledged Global News Flutter App in a day PART 1.

Let’s get started with the part 2:

Workflow:

• We will define a fetchnews() function which will help us fetch news from API based on the keywords we provide.
• Then we will design our custom Appbar which will show the Category Name we are browsing currently.
• We will create a News Tile widget now which is like a news Card which contains 1 image and the news article description.

News Tiles Structure

So, the implementation of the above mentioned workflow is attached below:

Let’s design our News Tile now:

Workflow:

• An Inkwell Container is used to hold all the news content and which on tap will navigate the user to the news page that contains the complete details of the news.
• Share button is implemented in case the user wants to share a particular news on social media or via any other source.

News Tile

So,the Category page is implemented now and that’s it for this part. In the next part we will implement features like notifications,Introduction Screen and many more stuffs like that.

PART 3:

Develop a full fledged Global News Flutter App in a day PART 3 ft. Firebase notifications.

Here’s the link to my Github repository that contains the full implementation:

Himanshuranjan30/TimesSquare

That’s it for this article and see you guys in the next one.

https://www.twitter.com/FlutterComm