React native: «только исходный поток, создавший иерархию представлений, может касаться его представлений»

Question

нажатие кнопки для получения строки base64 svg ... приводит к следующей ошибке: - Только исходный поток, создавший иерархию представлений, может касаться его представлений

render() {
    return (
      <ScrollView contentContainerStyle={styles.container}>
        <Svg
          ref={c => (this.svg = c)}
          height="50%"
          width="50%"
          viewBox="0 0 100 100"
        >
          <Circle
            cx="50"
            cy="50"
            r="45"
            stroke="blue"
            strokeWidth="2.5"
            fill="green"
          />
        </Svg>

        <TouchableOpacity
          onPress={() => {
            this.svg.toDataURL(data => {
              console.log("data", data);
            });
          }}
        >
          <Text>Get Data</Text>
        </TouchableOpacity>
      </ScrollView>
    );
  }

Любая помощь?

Answer 1

Я наконец понял это ...

Это была проблема npm (v 6.4.1), причина, когда я удалил папку node-modules и package-lock.json и попытался установить ее обратно, используя пряжу, он работал как прежде.

Я установил более новую версиюact-native-svg, которая не работает для меня, когда я пытался перейти на более старую версию, используя npm, по какой-то причине он не распознаетэто, и package-lock.json продолжал создавать с новой версией, которую я удалил!