Custom & Ready to GO partially customizable Animation Layouts for React Native.
Demo: https://www.freakycoder.com/
A React Native for synchronizing your LayoutAnimations.
React Native LayoutAnimations can be tricky. Depending on your application state, you may find multiple child components competing for the next call to configureNext(), which has adverse effects on the animated result; resulting animations can be choppy, since your application has to work through multiple competing animations.
The LayoutAnimationProvider exported by this library can be used to de-dup multiple competing attempts to execute the next layout animation; at its root, you define one animationConfig to transition all nested children who have registered themselves using withLayoutAnimation.
To execute an animation, a child consumer simply makes a call to the injected setStateWithAnimation mixin, which is appended to the class prototype when wrapped with withLayoutAnimation. Finally, instead of using setState to trigger a layout animation, just replace the call with setStateWithAnimation.
A React Native component for grid view. Compatible with both iOS and Android.
Quick & concise react-native Flexbox positioning
The idea is to keep JSX as clean & concise as possible, while also providing some nice semantic.
An easy and simple to use React Native component to render a custom high performant masonry layout for images. It uses a smart algorithm to sort the images evenly as possible according to the index position or fill in as soon as the image is fetched. Includes support for both iOS and Android. Free and made possible along with costly maintenance and updates by Lue Hang (the author).
Check out the docs for a complete documentation.
Demo: https://luehangs.site/lue_hang/projects/react-native-masonry-list
React Native: react-native-navigation-drawer-layout.
An easy and simple to use React Native component to render a custom masonry layout for remote images and displayed on a custom interactive image viewer. Includes animations and support for both iOS and Android.
Staggered Or Masonary List View For React Native Written in pure js
This is NOT-JUST-ANOTHER-GRID-LAYOUT library! We are trying to simplify flexbox with easier approach.
View on GitHub
An easy to use, pure JS react-native component to render a masonry~ish layout for remote images.
react-native-masonry is built with the following features and functionalities baked in
React Native: Material Chip View
Material Chips represent complex entities in small blocks, such as a contact. A chip may contain entities such as a photo, text, rules, an icon, or a contact.
Testing your React Native UI layouts on different screen sizes can be quite time-consumning.
This library aims to make this much easier by allowing the run-time switching of the main app viewport to match the sizes of different devices.
This library requires React Native 0.43.0 or above. For versions older versions of React Native (from 0.34.0 up), use the 0.0.4 release.
Placeholder for both IOS and Android
React Native Library for Responsive and Universal Apps
Semantic JSX layout components for react-native
This library contains multiple easy-to-use react-native layout components which brings more semantic into your JSX code.
Easy to use grid component for your react-native project. Supports iOS and Android.
A Magical Layout Library For React
Auto responsive grid layout library for ReactNative.
#react-native #programming