This tutorial is the fifteenth part of our React Native Plant App tutorial series. In the previous part, we successfully implemented the header section as well as separated out different UI sections in the Explore Screen. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended to go through the previous part in order to get insight and knowledge of the overall project.

As mentioned in the previous parts, this tutorial series was inspired by Mobile App Themes that provide a wide variety of mobile application templates written in React Native and powered by universal features and design. These app templates allow us to implement our own apps and even start our own startups. And, this fifteenth part is also the continuation of coding implementations and designs from the Youtube video tutorial by React UI Kit for the Plant App. The video tutorial delivers the coding implementation of the overall app very thoroughly. However, there is no verbal guidance for coding and implementation. Hence, this tutorial series is the implementation of the same coding style and designs in the form of the article.

Overview

In this fifteenth part of this tutorial series, we are going to implement the UI sections that we separated out in our last tutorial. The UI sections that we are going to implement are the Explore section and the Footer section. The Explore screen will contain the display of different images. And, the Footer section will contain the button with a gradient style. The idea is to start with building the explore section and then end with the implementation of the footer section.

So, let us begin!!

#react #reactnative #mobileappdevelopment