Tutorialspoint

Build a News Application using React Native and Native Base

person icon Nishant Kumar

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

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Nishant Kumar

architecture icon Development,React Native

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint 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

What will you learn in this course:

  • 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

What are the prerequisites for this course?

  • Should be good in HTML/CSS, JavaScript, and React

Build a News Application using React Native and Native Base

Curriculum

Check out the detailed breakdown of what’s inside the course

Part One - Creating the User Interface
19 Lectures
  • play icon Installing Expo CLI 00:27 00:27
  • play icon Creating an Expo Project 00:45 00:45
  • play icon Exploring the application folder and running the application 01:24 01:24
  • play icon Installing React Navigation 00:37 00:37
  • play icon Using Bottom Tab Navigator 00:28 00:28
  • play icon Creating Screens 03:24 03:24
  • play icon Hiding Title Top Bar 01:07 01:07
  • play icon Creating the Rest of the Screens 03:54 03:54
  • play icon Installing React Native Elements for icons 00:35 00:35
  • play icon Adding Icons to Bottom Tabs 05:00 05:00
  • play icon Hiding the Bottom Tab Text 01:09 01:09
  • play icon Adding Active Highlight Class 01:25 01:25
  • play icon Changing the Color of Active Class 00:35 00:35
  • play icon Adding Styles in the Application 01:53 01:53
  • play icon Adding Styles in the Application Header 03:07 03:07
  • play icon Installing Native Base UI Library I 00:30 00:30
  • play icon Installing Native Base UI Library II 00:23 00:23
  • play icon Creating the Interface for the News List 07:15 07:15
  • play icon Wrapping Up the Section I 00:43 00:43
Part Two - Calling the News API and Getting The News Data
23 Lectures
Tutorialspoint

Instructor Details

Nishant Kumar

Nishant Kumar

An enthusiastic developer with a knack for building products with good UI and UX.
Check out my blogs at freeCodeCamp: http://bit.ly/3gl0Ips Follow Cybernatico on Youtube: https://bit.ly/3AoJAHB

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us

1800-202-0515