Skip to content

📚 This repository was used to test compatibility of the backfaceVisibility property on iOS and Android

License

Notifications You must be signed in to change notification settings

charpeni/react-native-backface-visibility

Repository files navigation

React Native Backface Visibility

This repository was used to test compatibility of the backfaceVisibility property on iOS and Android using react-native@0.48.1.

iOS

Android

Flicker issue

On Android, we've a flicker issue if both states have not been rendered.

Can be fixed with the following animation:

componentWillMount() {
  const { flipAnimation } = this.state;

  if (Platform.OS === 'android') {
    Animated.sequence([
      Animated.timing(flipAnimation, {
        toValue: 180,
        duration: 1,
        useNativeDriver: true,
      }),
      Animated.timing(flipAnimation, {
        toValue: 0,
        duration: 1,
        useNativeDriver: true,
      }),
    ]).start();
  }
}

About

📚 This repository was used to test compatibility of the backfaceVisibility property on iOS and Android

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published