推荐使用：react-native-card-modal - 精美的React Native卡片模态框

react-native-card-modal 是一个用于React Native应用程序的库，提供了一个可以用作模态框的卡片组件。以下是如何使用该库创建一个简单的卡片模态框的示例代码：

首先，确保你已经安装了 react-native-card-modal：

npm install react-native-card-modal

然后，你可以在你的React Native代码中这样使用它：

import React from 'react';
import { View, Text, Button } from 'react-native';
import CardModal from 'react-native-card-modal';
 
const App = () => {
  const [modalVisible, setModalVisible] = React.useState(false);
 
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Button
        title="打开卡片模态框"
        onPress={() => setModalVisible(true)}
      />
      <CardModal
        visible={modalVisible}
        title="模态框标题"
        onClose={() => setModalVisible(false)}
      >
        <Text>这是卡片模态框的内容区域。</Text>
      </CardModal>
    </View>
  );
};
 
export default App;

在这个例子中，我们创建了一个按钮，当按下时会将状态 modalVisible 设置为 true，从而打开一个卡片模态框。模态框中可以包含任何你需要展示的内容，例如文本、图片等。当用户点击关闭按钮或者背景区域时，模态框会关闭，并将 modalVisible 设置为 false。