Build a News Application using React Native and Native Base
In this course, you will learn how to build a News Application using React Native and Expo
Lectures -42
Duration -1 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Hey, I am Nishant and I am an enthusiastic developer with a knack for building products with good UI and UX. I teach Front-end Development to beginners, and some other things too.
I build projects to learn how code works.
And while I am not coding, I enjoy writing poetry and stories and cooking delicious meals.
In this course, we cover all the steps from creating an app in React Native all the way through to build a News Application for Android
We will start by initializing the React Native App.
We will learn how to create Screens in React Native using React Navigation.
How to send a GET API Request.
How to Generate an APK File using Expo
And last but not the least, how to use Native Base UI Library
Enroll now and get started on your journey to build React applications.
Goals
How to create a application in React Native and Expo
How to use styling in React Native
How to send GET Request in React Native Application
How to use Native Base Library
Prerequisites
Should be good in HTML/CSS, JavaScript, and React
![Build a News Application using React Native and Native Base Build a News Application using React Native and Native Base](https://d3mxt5v3yxgcsr.cloudfront.net/courses/5401/course_5401_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Part One - Creating the User Interface
19 Lectures
-
Installing Expo CLI 00:27 00:27
-
Creating an Expo Project 00:45 00:45
-
Exploring the application folder and running the application 01:24 01:24
-
Installing React Navigation 00:37 00:37
-
Using Bottom Tab Navigator 00:28 00:28
-
Creating Screens 03:24 03:24
-
Hiding Title Top Bar 01:07 01:07
-
Creating the Rest of the Screens 03:54 03:54
-
Installing React Native Elements for icons 00:35 00:35
-
Adding Icons to Bottom Tabs 05:00 05:00
-
Hiding the Bottom Tab Text 01:09 01:09
-
Adding Active Highlight Class 01:25 01:25
-
Changing the Color of Active Class 00:35 00:35
-
Adding Styles in the Application 01:53 01:53
-
Adding Styles in the Application Header 03:07 03:07
-
Installing Native Base UI Library I 00:30 00:30
-
Installing Native Base UI Library II 00:23 00:23
-
Creating the Interface for the News List 07:15 07:15
-
Wrapping Up the Section I 00:43 00:43
Part Two - Calling the News API and Getting The News Data
23 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Nishant Kumar](https://www.tutorialspoint.com/assets/profiles/379599/profile/200_711991-1632833011.jpeg)
Nishant Kumar
Hello, I'm Kumar Nishant and I'm an online instructor at the Angular University.
Over the years I have helped over 5k developers to learn the Angular framework and its surrounding ecosystem of technologies.
I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)