请给我写一个在expo和javascript的项目中使用它的 demo

好的，以下是一个在Expo和JavaScript项目中使用React Native Bottom Sheet组件库的示例代码：

1.首先，你需要安装该组件库，可以使用npm或者yarn安装：

npm install @gorhom/bottom-sheet

2.引入组件库：

import BottomSheet from '@gorhom/bottom-sheet';

3.在组件中使用BottomSheet：

import React, { useRef } from 'react';
import { View, Text, StyleSheet, Button } from 'react-native';
import BottomSheet from '@gorhom/bottom-sheet';

const App = () => {
  const bottomSheetRef = useRef(null);

  const handleSheetChanges = (index) => {
    console.log('handleSheetChanges', index);
  };

  const renderContent = () => (
    <View style={styles.contentContainer}>
      <Text>Some content</Text>
    </View>
  );

  return (
    <View style={styles.container}>
      <Button title="Open Bottom Sheet" onPress={() => bottomSheetRef.current?.expand()} />
      <BottomSheet ref={bottomSheetRef} onChange={handleSheetChanges}>
        {renderContent()}
      </BottomSheet>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  contentContainer: {
    backgroundColor: 'white',
    padding: 16,
    height: 300,
  },
});

export default App;

在这个示例中，我们创建了一个BottomSheet组件，当用户点击按钮时，我们使用bottomSheetRef展开BottomSheet。我们还提供了一个onChange处理程序，以便我们可以在BottomSheet状态更改时进行处理。在BottomSheet中，我们呈现了一个简单的文本内容。

希望这个示例能够帮到你！