This tutorial is the seventh and final part of our React Native Car Parking App UI clone series. In the last part, we successfully implemented the Modal view which represents the extended parking spot card information. In this part of the tutorial...
This tutorial is the sixth part of our React Native Car Parking App UI clone series. In the last part, we successfully implemented the Header section in our map screen as well as organized our code. In this part of the tutorial series, we are going to continue from where we left off in the last part. So, it is recommended to go through all the previous parts of this tutorial series in order to get the full insight and development of the project.
In case anyone wants to learn from the beginning, all the parts for this tutorial series are available below:
As mentioned in the previous parts, the motivation for this tutorial series came from the Store Locator App template that provides us with a dynamic, fully-coded starter kit written in React Native that anyone can use to build their own store locator React Native application or initiate their own startup. And, this fifth part is also the continuation of coding implementations and designs from the YouTube video tutorial by React UI Kit for the Car parking Finder App UI clone. The video tutorial seems to deliver the implementations of different UI sections using a fast coding style that may be difficult to understand for any developer especially the beginners. However, this tutorial gives step by step guidance on the implementation of each UI section. Hence, the readers can relax and take time to learn and implement the UI.
A ReactNative scrollable stretchy header component.react-native-stretchy
react-native-photo-editor ReactNative: Native Photo Editor (Android/iOS)
react-native-best-wheel-datepicker .Fixed wheel date picker for Android and IOS .A iOS style picker and datepicker components for ReactNative
Using margin and padding to control spacing between components introduces too many ways to accomplish the same goal. React Native Spacing System seeks to standardize your React Native code and increase legibility though the usage of spacing components.
ReactNative: Native Bottom Action Sheet (Android/iOS) .A simple library that creates native BottomSheet actions according to the Material Design Specs