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();
  }
}