React Native 1 min read

LCRN EP8 – Food Delivery App – React Native UI

Jack Tiong

December 07, 2020

In this episode of “Let’s Code React Native” series, we are going to build a good looking Food Delivery App based on the design created by ILia on Dribbble.

Plugins

// React Navigation
npm install @react-navigation/native react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view @react-navigation/stack @react-navigation/bottom-tabs

// SVG
npm install react-native-svg

// iPhone X Helper
npm install react-native-iphone-x-helper

// React Native Maps
npm install react-native-maps --save-exact

// React Native Maps Directions
npm install react-native-maps-directions

Useful Links

Source Code

How to generate Google Maps API Key for Mobile App?

How to integrate Google Maps in React Native App?

Speed Up Your Workflow

Want the full source code ready to ship?

Explore our professionally coded React Native & Expo UI Kits, complete with screens, navigators, and theme support.

Browse All Templates

Related Tutorials

View All Tutorials →

React Native

LCRN EP18 – Ecommerce App (Part 1) – Auto Scrolling with Loop | Image Transition Animation

In this episode, we are going to build a pretty cool E-Commerce App. For the first part of this project, we will mainly be focusing on the walkthrough screens and we are going to learn how we can implement auto scrolling images with infinite loop as well as how we can transition multiple images with […]

Mar 07, 2022 Read →

React Native

LCRN EP17 – Online Learning App (Part 1) – React Native UI | Animation | Custom Bottom Tab Navigator

In this episode, we are going to build a beautiful Online Learning App. For the first part of this project, we will mainly be focusing on custom bottom tab navigator as well as some animation concepts. Links Starter TemplateFull Source Code (CLI)Full Source Code (Expo)

Nov 02, 2021 Read →

React Native

LCRN EP16 – Food Delivery App (Part 3) – React Native UI | Swipeable List | Maps | Direction

In this episode, for the 3rd and final part of LCRN16 – Food Delivery App, we are going to build 8 different screens which includes food detail, checkout, cards, maps and etc. Links Starter TemplateFull Source Code (CLI)Full Source Code (Expo)

Sep 27, 2021 Read →