wf-react-native-ripple-panel

what is this?

Is a component to extend the user's experience

usage

1. import RipplePanel from 'wf-react-native-ripple-panel';.
2. Create the secondary panel if you want.

const SecondaryPanel =

  <View>
  <Text style={styles.welcome}>
  This is a secondary panel
  </Text>
  <Text style={styles.instructions}>example</Text>
  <Text style={styles.instructions}>{instructions}</Text>
  </View>
  
  3. Define the RipplePanel with the dafult view.
  
  <View style={styles.container}>
  <RipplePanel
  animationTime={60000}
  rippleColor={"blue"}
  secondaryPanel={SecondaryPanel}
  showSecondaryPanel={true} //enables show the secondary panel
  >
  <Text
  style={styles.welcome}>
  Welcome to React Native!
  </Text>
  <Text
  style={styles.instructions}>
  To get started, edit App.js
  </Text>
  <Text style={styles.instructions}> 
  {instructions}
  </Text>
  </RipplePanel>
  </View>