text: import React, { Component } from 'react';
  import { StyleSheet, View, Text } from 'react-native';
  import Interactable from 'react-native-interactable';
  
  export default class MoreDrawers extends Component {
    render() {
      return (
        <View style={styles.container}>
  
          <View style={{backgroundColor: 'red', marginBottom: 50}}>
            <Interactable.View
              snapPoints={[{x: 0}, {x: -230}]}
              horizontalOnly={true}>
              <View style={styles.cover}>
                <Text style={styles.label}>Default drawer</Text>
              </View>
            </Interactable.View>
          </View>
  
          <View style={{backgroundColor: 'red', marginBottom: 50}}>
            <Interactable.View
              snapPoints={[{x: 0}, {x: -230}]}
              boundaries={{right: 0}}
              horizontalOnly={true}>
              <View style={styles.cover}>
                <Text style={styles.label}>Drawer with limits</Text>
              </View>
            </Interactable.View>
          </View>
  
          <View style={{backgroundColor: 'red', marginBottom: 50}}>
            <Interactable.View
              snapPoints={[{x: 0}, {x: -230}]}
              boundaries={{right: 0, bounce: 0.2, haptics: true}}
              horizontalOnly={true}>
              <View style={styles.cover}>
                <Text style={styles.label}>Limits with bounce</Text>
              </View>
            </Interactable.View>
          </View>
  
          <View style={{backgroundColor: 'red', marginBottom: 50}}>
            <Interactable.View
              snapPoints={[{x: 0}, {x: -230}]}
              dragWithSpring={{tension: 1000, damping: 0.7}}
              horizontalOnly={true}>
              <View style={styles.cover}>
                <Text style={styles.label}>Drag via spring</Text>
              </View>
            </Interactable.View>
          </View>
  
          <View style={{backgroundColor: 'red', marginBottom: 50}}>
            <Interactable.View
              snapPoints={[{x: 0}, {x: -230}]}
              dragWithSpring={{tension: 2000, damping: 0.5}}
              springPoints={[{x: 0, tension: 6000, damping: 0.5, influenceArea: {left: 0}}]}
              horizontalOnly={true}>
              <View style={styles.cover}>
                <Text style={styles.label}>Drag with spring resistance</Text>
              </View>
            </Interactable.View>
          </View>
  
        </View>
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      backgroundColor: 'white',
      paddingTop: 80,
      paddingBottom: 40
    },
    cover: {
      left: 0,
      right: 0,
      height: 75,
      backgroundColor: '#e0e0e0',
      justifyContent: 'center'
    },
    label: {
      textAlign: 'center',
      fontSize: 18
    }
  });
  