DraggableDrawer.js

import React from 'react';

import {
  View,
  StyleSheet,
} from 'react-native';

import {
  Button,
  Divider,
} from 'react-native-paper';

import Animated from 'react-native-reanimated';

const styles = StyleSheet.create({
  defaultStyle: {
    elevation: 30,
    backgroundColor: 'white',
    height: '100%',
    shadowRadius: 12,
    shadowColor: '#000f',
  }
})

const DraggableDrawer = (props) => {
  const content = props.expanded ? props.contentMax : props.contentMin;
  const iconName = props.expanded ? 'chevron-down' : 'chevron-up';

  return (
    <Animated.View style={[styles.defaultStyle, props.style]} layout={props.layout}>
      <View style={[{ flexDirection: 'column' }]}>
        <Button style={{ height: 30, justifyContent: 'center', display: 'flex' }} icon={iconName} compact onPress={props.onExpandPressed} />
        <Divider />
        {content}
      </View>
    </Animated.View>
  );
}

export default DraggableDrawer;