cardsTeste.js

import React, { useState } from 'react';
import { StyleSheet, View, TouchableOpacity, Text, Image } from 'react-native';
import { Card, TextInput } from 'react-native-paper';
import { styles } from './views/styles';

const MyComponent = () => {
    const [cards, setCards] = useState([]);

    const handleAddCard = () => {
        setCards([...cards, { id: Date.now(), showContent: false }]);
    };

    const toggleCardContent = (cardId) => {
        setCards((prevCards) =>
            prevCards.map((card) =>
                card.id === cardId ? { ...card, showContent: !card.showContent } : card
            )
        );
    };

    return (
        <View style={s.container}>

            <TouchableOpacity style={[styles.fichas__button, { marginTop: 40 }]}
                onPress={handleAddCard}
            >
                <Image style={styles.icon} source={require('./assets/add.png')} />
                <Text style={styles.fichas__text}>Criar Ficha</Text>
                {/* onpress criar uma flatlist */}
            </TouchableOpacity>

            {cards.map((card) => (
                <Card key={card.id} style={styles.card}>

                    <Card.Content>
                        <TouchableOpacity onPress={() => toggleCardContent(card.id)}>
                            <Text variant="titleLarge" style={styles.ficha_title}>Ficha</Text>
                        </TouchableOpacity>
                        {card.showContent && (
                            <Text variant="bodyMedium">Card contentaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</Text>
                        )}
                    </Card.Content>
                </Card>


            ))}
        </View>
    );
};
const s = StyleSheet.create({
    container: {
        flex: 1,
    },

});

export default MyComponent;