Vertical Step indicator
May 06, 2023
1 min
This is a React Native sliding up panel implemented in Javascript.Works on any platform.
npm install --save rn-sliding-up-panel
import React from 'react'; import {View, Button, Text} from 'react-native'; import SlidingUpPanel from 'rn-sliding-up-panel'; const styles = { container: { flex: 1, backgroundColor: 'white', alignItems: 'center', justifyContent: 'center' } } class MyComponent extends React.Component { render() { return ( <View style={styles.container}> <Button title='Show panel' onPress={() => this._panel.show()} /> <SlidingUpPanel ref={c => this._panel = c}> <View style={styles.container}> <Text>Here is the content inside panel</Text> <Button title='Hide' onPress={() => this._panel.hide()} /> </View> </SlidingUpPanel> </View> ) } }
Quick Links
Legal Stuff