How to use the react-native-ui-lib.AnimatableManager.getEntranceByIndex function in react-native-ui-lib

To help you get started, we’ve selected a few react-native-ui-lib examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github wix / react-native-ui-lib / demo / src / screens / animationScreens / ListAnimationsScreen.js View on Github external
renderItem(item, index) {
    const {animation, counter} = this.state;
    let animationProps;
    switch (animation) {
      case animationType.FADE_IN:
        animationProps = AnimatableManager.presets.fadeIn;
        break;
      case animationType.ENTRANCE:
        animationProps = AnimatableManager.getEntranceByIndex(index);
        break;
      case animationType.ADDING:
        animationProps = AnimatableManager.getSlideInSlideDown(index, {onAnimationEnd: this.onAnimationEnd}, counter);
        break;
      default:
        break;
    }

    return (
      
         Alert.alert(`pressed on contact #${index + 1}`)}
        >
github wix / react-native-ui-lib / demo / src / screens / listScreens / ContactsListScreen.js View on Github external
renderRow(row, id) {
    const initials = AvatarHelper.getInitials(row.name);
    const animationProps = AnimatableManager.getEntranceByIndex(id);

    return (
       Alert.alert(`pressed on contact #${id + 1}`)}
        {...animationProps}
      >
github wix / react-native-ui-lib / demo / src / screens / animationScreens / CardAnimationsScreen.js View on Github external
renderItem(item, index) {
    const {animation, counter} = this.state;
    let animationProps;
    switch (animation) {
      case animationType.FADE_IN:
        animationProps = AnimatableManager.presets.fadeIn;
        break;
      case animationType.ENTRANCE:
        animationProps = AnimatableManager.getEntranceByIndex(index);
        break;
      case animationType.ADDING:
        animationProps = AnimatableManager.getZoomInSlideDown(index, {onAnimationEnd: this.onAnimationEnd}, counter);
        break;
      default:
        break;
    }

    return (