Мой Анимированный компонент не работает гладко в реакции - PullRequest
Новая
       22

Мой Анимированный компонент не работает гладко в реакции

0 голосов
/ 04 февраля 2019

Я пытаюсь добавить анимацию в свое собственное приложение.Но это не так гладко на Android и IOS. Что я должен сделать, чтобы решить эту проблему

Я уже пытался запустить анимацию с компонентом Animated.Моя естественная версия - "0.57.8". А вот мой код: 

export default class MainPage extends Component{

    constructor(props) {
        super(props)
        this.moveAnimation = new Animated.ValueXY({ x: 0, y: 0})
    }
    _openCardContainer = () => {
        Animated.spring(this.moveAnimation, {
          toValue: {x:0, y: 0},
          speed: 5,
        }).start()
    }
    render() {
        return(
            <Animated.View style={this.moveAnimation.getLayout()}>
              <EditorChoiceContainer/>
            </Animated.View>
        )
    }
}

Этот код работает правильно, но он не плавный и не слишком медленный

Пожалуйста, помогите мне решить эту проблему

1 Ответ

0 голосов
/ 04 февраля 2019 
Animated.spring(this.moveAnimation, {
      toValue: {x:0, y: 0},
      speed: 5,
  useNativeDriver: true, // <-- Add this
    }).start()
...