


When I updated the 2 component because the height was dynamic, after I refreshed the view, the 1 component was not at the same height as it was the first time
Environment (please complete the following information):


I have the same issue. Have you found the solution?
Hey @baicuhaha @jonnynfb try adding recalculateHiddenLayout={true} as a prop to your SwipeRow. Let me know if that works, thanks!
@jemise111 I've solved my problem. Thank you
@jonnynfb Using this recalculateHiddenLayout can be solved
@jemise111 @baicuhaha Thank guys! That fixed it for me.
I have tried to set rowFront.height to 90 after settings recalculateHiddenLayout on SwipeListView, this is my code:
renderItem={data => (
<Animated.View
style={{
height: this.rowTranslateAnimatedValues[data.item.key].interpolate({
inputRange: [0, 1],
outputRange: [0, 50],
}),
}}
>
<TouchableRipple
onPress={() => console.log('You touched me')}
style={styles.rowFront}
underlayColor={'#AAA'}
>
<View>
<Text>
{data.item.description}
</Text>
</View>
</TouchableRipple>
</Animated.View>
)}
and my view looks like this:

How do you set the height to be dynamic?
Most helpful comment
Hey @baicuhaha @jonnynfb try adding
recalculateHiddenLayout={true}as a prop to yourSwipeRow. Let me know if that works, thanks!