Блог

Главная - Вопросы по программированию - React Native: Я хочу сделать анимацию, в которой я хотел бы последовательно переместить две строки вокруг границы кнопки. Как мне это сделать с помощью крючков?

React Native: Я хочу сделать анимацию, в которой я хотел бы последовательно переместить две строки вокруг границы кнопки. Как мне это сделать с помощью крючков?

#reactjs #react-native #animation #react-native-animatable

Вопрос:

Я немного новичок в мире анимации react-native. Я работаю над собственным приложением react, в котором я хотел бы показать анимацию вокруг кнопки. Анимация должна состоять из двух отдельных линий, движущихся по границе кнопки. Как мы можем сделать это, бесконечно используя крючки?

 import React, {useEffect, useState} from 'react'; import {View, Animated} from 'react-native'; const App = () =gt; {  const value = useState(new Animated.ValueXY({x: 0, y: 0}))[0];  const moveLine = () =gt; {  Animated.timing(value, {  toValue: {x: 100, y: 100},  duration: 1000,  useNativeDriver: false,  }).start();  };  useEffect(() =gt; {  moveLine();  });  return ( lt;Animated.Viewgt;  lt;View style={{width: 100, height: 100, backgroundColor: 'red'}}gt;lt;/Viewgt; lt;/Animated.Viewgt;  ); };

экспорт приложения по умолчанию;

Метки: ,