react-native-grippable-view

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

react-native-grippable-view

★ 8 Open GitHub ↗

Simple grippable component for React Native, powered by Animated API

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-grippable-view

Simple grippable component for React Native, powered by Animated API and some RxJS stuff.
     
![Example](https://cloud.githubusercontent.com/assets/11330076/24389438/b73b3cd8-13ab-11e7-98e0-9b519c86c1ae.gif)

## API
```javascript
import React from 'react';
import { View, Image } from 'react-native'
import Grippable from 'react-native-grippable-view';

export default () => (
  <Grippable
    minHeight={30} // initial height of view
    maxHeight={400} // maximum expanded height of view
    initExpandHeight={200} // initial height of view to expand
    gripperStyles={{ height: 20 }} // styles for gripper component wrapper
    animationOptions={{ duration: 500 }} // additional options for animation
    getGripperComponent={() => <Image source={require('./gripper.png')} />} // the gripper component getter
  >
    <View>
      // some code
    </View>
  </Grippable>
)
```
     
### TODO
- [ ] Grippable directions (now only "top to bottom")
- [ ] Component methods (e.g. expand / collapse)
- [ ] Events

react-native-grippable-view

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README