Build a Flutter News App with NewsApi Org | Flutter Tutorial For Beginners

Let's build flutter news app, We will learn how to create a flutter news app with NewsApi Org.
📗 Learn from the written tutorial + source code 👇👇

In Flutter News App we will load top headlines on the home page and we have categories option to see top headlines based on categories and country

If you are a beginner with flutter I highly encourage you to follow along because you are going to learn how to put all the small pieces together to understand things like how to fetch data from an API, how to update state and much more ultimately building a real-world flutter app

📕 Things covered in this video:
- Fetch data from a Newsapi org (API) with flutter
- How useState in a flutter app
- How to pass down data on widgets
- How to show a webview in flutter
- How to build complex UI's in flutter

📙 Join 5-Day Flutter Bootcamp for Beginners

WATCH NEXT:

Go to my website for more information, code examples, and articles:

If this helps make sure to share it with friends and colleagues who will benefit from this

Have questions/queries? 💬 Comment below I will be happy to help.

Follow me on social media:

[indianappguy]

📱 Want to Learn building whole *Apps from Scratch* ?
🤩 Want to watch more *UI Design with Flutter* ?

[willwalsh]

Thank you for the hard work of creating this app and sharing your knowledge with us. I was able to get the app working and currently building it again through Android Studio/Flutter. Again thank you for your time and knowledge sharing.

[andreeapurta]

If you run this app on Android and the WebView is not showing up go to android > app > build.gradle
and change minSdkVersion= 16 to 20. It worked for me.

[hobabooba]

انت متميز جدا, أحببت الفيديو جدا, منظم ومرتب وكامل ,
أتابعك من مصر تحيه خالصه لكل الهنود

[scarfaceXT]

Sanskar bhai maza aa gaya - love ya bro! <3

[mochi]

Hi! I'm a 5th yr student and i was looking for a project to do for my OJT web app project base and this one is so perfect as i was thinking about news app. Thank you and that semi colon joke is lit 💓

[samuelgirmayesus]

Starting mobile dev with flutter, and Your's seem to be a complete kick starter to pro level flutter developer. 30 min in

[dalestewart]

Another fantastic Tutorial Sanskar. I'm implementing this logic using The MVVM Architecture into my Flutter Projects. I'm going t o buy you a coffee.

[desihiphop]

Completed the video !!! Excellent one !! I am new to flutter and it was my first flutter project and guys who are thinking to watch this one go for it without thinking much . Some things are deprecated but if you search the internet you will get the results and you will also learn new concepts . Thanks for the video !!

[busolabakare]

Thank you very much. I have successfully built the app and I have also learnt a lot from this tutorial

[benjaoliva]

to th eones who are gettin the API depracated, you need to put a new api key:


2- in the flutter priject you imported from this video, go to the file news.dart in helper folder
3- go to line 13 and 52, erase de $apikey{} and replace it with your key
4- Re build the Apk and compile !!


Worked for me

[chintanbrinda]

Hello Sanskar, You are helping me to teach Flutter to my 7 years old son. Love your content. Good app ideas. Keep doing it. (y)

[dedyprasetyohermawan]

Auto subscribe, thanks for sharing. Waiting for your next flutter tutorial. Cheers!!!

[entertainment-qmfx]

it is very helpful. Thank you so much sanskar bhai.
Love from pakistan

[dhivyaramesh]

@Sanskar Tiwari when I run the code at 49:30 it throws an error saying : Expected a value of type 'String', but got one of type 'Null'. Can u help me with the error?

[anishbasnet]

You are great, Thank you ! The explanation in the Video made a lot easier and helpful than others video.

[yurikanamba]

Thank you so much for this easy to follow tutorial! I am trying to figure out how to display the date and time. I am able to pull the data from the API and display it but it is shown as a UTC string like "2020-05-27T06:04:18Z". What is the best way to show it as readable text?

[boutiqueistanbul]

"If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of " I'm definitely trying to send you a coin as soon as possible thank you for the contributions I'll send you at the beginning of the month :)

[developersamuel]

Tutorial absolutely killer excellent job. One issue I am facing 'cant scroll' even after adding that single child scroll etc

[rushikeshkumbhar]

Hey Sanskar, am just learning flutter, the video is two years old but still works for me. A bit of trial and error but the method of your teaching is best. Thank you for this amazing content.
Please try and make an in-depth explanation of Null handling in flutter projects.