This tutorial is the eighteenth part of our React Native Plant App tutorial series. In the previous part, we successfully added the navigation to the Product Screen as well as implemented the custom header section. 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 motivation to do this tutorial series came from the React Native Mobile Templates 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 eighteenth 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 eighteenth part of this tutorial series, we are going to implement the description section of the Product Screen. This section will contain the Product title, short description, and the tags sub-section. First, we will implement the title and description section which are comparatively simple. Then, we will also add the tags section between the title and description.

So, let us begin!!

#react #reactnative #mobileappdevelopment