React native - «Невозможно выполнить обновление состояния реакции на отключенном компоненте»? Библиотека не работает? - PullRequest
Новая
       51

React native - «Невозможно выполнить обновление состояния реакции на отключенном компоненте»? Библиотека не работает?

0 голосов
/ 13 июля 2020

Хорошо, я следую самому основному c примеру из этой библиотеки анимации RN - https://popmotion.io/pose/learn/native-get-started/#get -started-setup , и я не знаю, что происходит.

Я вижу мой вид, однако я получаю предупреждение

Не могу выполнить обновление состояния реакции на отключенном компоненте

И НИКАКОЙ анимации не происходит, когда я обновляю состояния. Единственная разница между моим файлом и примером заключается в том, что я использую функциональный компонент: 

<View style={styles.cardContainer}>
            <Box style={styles.box} pose={isVisible ? 'visible' : 'hidden'} />
        </View>

и 

export default function App() {

  let [fontsLoaded] = useFonts({
    'Inter-SemiBoldItalic': 'https://rsms.me/inter/font-files/Inter-SemiBoldItalic.otf?v=3.12',
  });

  useEffect(() => {
    // Init

  });


//Set states and hooks
  const [colorValue, setColorValue] = useState('#fff');
  const [isVisible, setIsVisible] = useState('hidden');

  const Box = posed.View({
    visible: {
      opacity: 1,
      transition: { duration: 500 }
  },
    hidden: {
      opacity: 0
    }
  });

  useEffect(() => {
    const interval = setInterval(() => {

      setIsVisible('visible');
      setColorValue('#ff0000');

    }, 3000);
    return () => clearInterval(interval);
  }, []);

Поле отображается как видимое, когда я запускаю свое приложение, и анимация не происходит. . Что здесь не так?

...