This tutorial is the second part of our React Native Travel Article App UI clone series. In the <a href="https://kriss.io/react-native-travel-article-app-ui-clone-1-getting-started/">previous part</a>, we successfully set up the overall project...
This tutorial is the second part of our React Native Travel Article App UI clone series. In the previous part, we successfully set up the overall project structure and established the base template with different UI sections for our Article List 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 establish the basis and get insight into the overall project.
As mentioned in the previous part, the motivation to implement this UI clone series came from the React Native Universal Listings App Template that accommodates a wide variety of use cases, powered by universal features and design which allows us to implement our own apps to list anything that belongs in categories and can be added on a map. And, this second part is also the continuation of coding implementations and designs from the Youtube video tutorial by React UI Kit for the Travel Article App clone. The video tutorial provides overall guidance using fast coding which may be difficult to grasp for any developer especially the beginners. This written tutorial provides the step by step implementation which will be easier to understand and implement.
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