我会尽力完成翻译,以下是您需要的结果:
我正在尝试使用Hooks使每次加载组件时淡入该卡片,并在卸载后淡出,但我一直失败,急需他人帮助。请问你能否向我展示如何使用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}
/>
);
};
FadeInView
或类似的组件。然后将此代码放入其中。然后您可以使用FadeInView
作为父组件,例如<FadeInView><FlatListGoesHere /></FadeInView>
。 - Benjamin Godlove