Actionsheet.js

import React, { createRef } from "react";
import { StyleSheet, Text, View, Button } from 'react-native';
import ActionSheet from "react-native-actions-sheet";

const actionSheetRef = createRef();

// This Menu component is fully customizable. Add whatever you want!!
const Menu = () => (
    <View style={styles.drawerContent} >
		<Text>Hello There</Text>
		<Text>General Kenobi</Text>
	</View>
)

export default function App() {
  	return (
    	<View style={styles.container}>
			<Button onPress={() => {
                actionSheetRef.current?.setModalVisible();
            }} title="Toggle Actionsheet" />
			<ActionSheet ref={actionSheetRef} containerStyle={{borderTopLeftRadius: 25, borderTopRightRadius: 25,borderBottomLeftRadius: 0, borderBottomRightRadius: 0}}>
                <Menu />
            </ActionSheet>
    	</View>
  	);
}

const styles = StyleSheet.create({
	container: {
    	flex: 1,
    	backgroundColor: '#fff',
    	alignItems: 'center',
    	justifyContent: 'center',
	},
	drawerContent: {
		padding: 10,
		paddingHorizontal: 10,
		minHeight: 100
    }
});