https://github.com/charpeni/react-native-backface-visibility

:books: This repository was used to test compatibility of the backfaceVisibility property on iOS and Android
https://github.com/charpeni/react-native-backface-visibility

animation backface-visibility react-native

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/charpeni/react-native-backface-visibility
• Owner: charpeni
• License: mit
• Created: 2017-09-06T16:51:58.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-09-06T16:53:01.000Z (almost 9 years ago)
• Last Synced: 2025-09-23T16:51:33.496Z (10 months ago)
• Topics: animation, backface-visibility, react-native
• Language: Objective-C
• Homepage: https://github.com/facebook/react-native/pull/15970
• Size: 135 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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:

```javascript

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

  }

}

```