fix: hide overlay completely when content loads (#160)

[marceloams]

Overview

Fixes loading overlay showing behind transparent images by setting container opacity to 0 after content loads.

Closes #160

[Lipo11]

hey! the next state is not necessary, i would use reanimated for this like:

const loading = useSharedValue(true);

const containerAnimatedStyle = useAnimatedStyle(() => ({
  opacity: loading.value ? 1 : 0,
}));

return (
  <Animated.View style={[ImageStyles.container, containerAnimatedStyle]}>
    {/* ... */}
  </Animated.View>
);

[marceloams]

Hey @Lipo11 , you're right, thanks for the feedback! I'm not used to reanimated, this solution does the trick! I'll follow this and update the code.