小编Dil*_*gat的帖子

我试图让这张卡在每次组件加载时淡入，并在使用钩子卸载后淡出，但我没能做到这一点，迫切需要有人的帮助。请你告诉我如何在每次加载和卸载这张卡时使用动画hooks

这是我的组件：

import React, { useState } from "react";

const Home = (props) => {
  const renderCard = ({ item }) => {
    return (
      //I am trying to add a fadein to this everytime it loads and fadout when It unmounts
      <View>
        <Text style={styles.day}>{item}</Text>
        <MealCards
          item={state[item]}
          navigation={navigation}
          onChange={onChange}
        />
        <View style={styles.divider} />
      </View>
    );
  };
  return (
    <FlatList
      data={days}
      keyExtractor={(item) => item}
      showsHorizontalScrollIndicator={false}
      renderItem={renderCard}
    />
  );
};