React native Archives

This series intends to show how I build app to serve content from my WordPress blog by using react native. Since, my blog is talking about react-native, the series and the articles are interconnected. We will learn how to set-up many packages that make our lives comfortable and learn how to deal with WordPress APIs. […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #18: Description Section

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 […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #17: Implementing Product Screen

This tutorial is the seventeenth part of our React Native Plant App tutorial series. In the previous part, we successfully added enlarging animation to the Search input field of 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 […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #16: Search bar Animation

This tutorial is the sixteenth part of our React Native Plant App tutorial series. In the previous part, we successfully implemented the Explore and Footer sections of the Explore screen. Hence, completing the overall UI of the Explore screen. This tutorial is the continuation of the same tutorial from where we left off in the […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #15: Explore and Footer Section

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, […]

React native

React Native Plant App

React native template

React Native Plant App UI #14: Implementing Explore Screen

This tutorial is the fourteenth part of our React Native Plant App tutorial series. In the previous part, we successfully implemented the handling of inputs and tabs of the Settings and Browse screen as well as set up the navigation to the Explore screen. This tutorial is the continuation of the same tutorial from where […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #13: Handling Inputs and Tabs

This tutorial is the thirteenth part of our React Native Plant App tutorial series. In the previous part, we successfully completed the implementation of the Sliders and Toggles sections in the Settings Screen. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #12: Sliders and Toggles

This tutorial is the twelveth part of our React Native Plant App tutorial series. In the previous part, we successfully completed the implementation of the Header and Input sections in the Settings Screen. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #11: Implementing Settings Screen

This tutorial is the eleventh part of our React Native Plant App tutorial series. In the previous part, we successfully completed the implementation of the overall UI of the Browse 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 […]

React

React native

React Native Plant App

React native template

React Native Plant App UI #10 : Categories Section in Browse Screen

This tutorial is the tenth part of our React Native Plant App tutorial series. In the previous part, we successfully implemented the Header and the Tabs section of the Browse 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 […]