UNPKG

kubric

Version:

Android's co-ordinator layout ported to work on react native (iOS and Android)

36 lines (23 loc) 1.18 kB
<h1 align="center"> <br> <img src="https://raw.githubusercontent.com/flipkart-incubator/kubric/master/kubrik_big_icon.png" alt="Ballet" width="200"/> </h1> <h4 align="center"> Android's awesome co-ordinator layout now on react native. </h4> <p align="center"> <img src="https://img.shields.io/badge/License-Apache%202.0-blue.svg"> </p> # Key Features - <b>Cross platform</b> : Kubric can be use on react native for Android and iOS. It also work on the web via React native web library. - <b>Performance</b> : Kubric uses React native's animated API to keep animations as fluid as possible - <b>Behaviour</b> : Kubric comes with inbuilt behaviours like `Scroll`, `Fade` & `Collapse` to get you upto speed quickly. # How to use ```js npm install <TBD> ``` # Demo Here's a demo from Flipkart app on Android, & iOS where toolbar hides automatically on scrolling down, and unhides when scrolling up. This behaviour is implemented using Kubric. Android demo | iOS demo --- | --- ![](https://raw.githubusercontent.com/flipkart-incubator/kubric/master/android_ballet_demo.gif) | ![](https://raw.githubusercontent.com/flipkart-incubator/kubric/master/ios_ballet_demo.gif)