这里需要两个组件

• react-native-collapsible（展开动画）
• react-native-linear-gradient（半透明遮挡）

安装

yarn add react-native-collapsible
npx expo install expo-linear-gradient

使用

import React, { useState } from 'react';
import { Dimensions, StyleSheet, View, Text, TouchableOpacity } from 'react-native';
import Collapsible from 'react-native-collapsible';
import { LinearGradient } from 'expo-linear-gradient';
import Ionicons from '@expo/vector-icons/Ionicons';
import ...