Как анимировать пользовательский компонент, который находится внутри текстового компонента в реагировать на нативный, используя реактивный-нативный-анимационный - PullRequest
Новая
       26

Как анимировать пользовательский компонент, который находится внутри текстового компонента в реагировать на нативный, используя реактивный-нативный-анимационный

0 голосов
/ 14 января 2019 
const MyCustomComponent = Animatable.createAnimatableComponent(Icon);

return(
<View>
<Animatable.Text style={styles.textStyle}>
      Made with{' '}
      <MyCustomComponent
        animation="pulse"
        iterationCount="infinite"
        name="ios-heart"
        style={{ fontSize: 18 }}
        color="red"
      />
    </Animatable.Text>
 </View>
);

Я новичок в изучении React Native Animation. Если у вас есть время, пожалуйста, помогите мне в этом.

Я хочу добавить анимацию в MyCustomComponent, но это происходит, можете ли вы сказать мне, почему так. Спасибо.

1 Ответ

0 голосов
/ 14 января 2019

Вы не можете сделать это, если это анимируемый текст, который вы можете ожидать от анимации текста, если вам нужен вложенный вид, оберните его в анимируемый вид или обычный вид и анимируйте текст и компонент по отдельности 

<View>
<Animatable.Text style={styles.textStyle}>
      Made with{' '}
</Animatable.Text>
      <MyCustomComponent
        animation="pulse"
        iterationCount="infinite"
        name="ios-heart"
        style={{ fontSize: 18 }}
        color="red"
      />

 </View>

Это поможет, если вы отправите GIF ожидаемого результата

...