Код из документации GetStream.io не работает в RN. <Text>строка должна быть вставлена - PullRequest
Новая
       22

Код из документации GetStream.io не работает в RN. <Text>строка должна быть вставлена

1 голос
/ 24 марта 2019

Я использую Firebase Server на узле вместе с RN. Я хотел использовать GetStream.io в моем приложении. Бэкэнд работает нормально, но пример из документации GetStream.io для интерфейса не работает, я просто получаю эту ошибку.

enter image description here

Я попытался вставить атрибут, хотя он не существует в примере GetStream.io. Я все еще получаю эту ошибку.

Вот так выглядит мой код: 

  import React from 'react';
  import SafeAreaView from 'react-native-safe-area-view';
  import { StreamApp } from 'react-native-activity-feed';
  import { Text, View } from "react-native";

  const newsFeed = () => {
   return (
     <View>
      <SafeAreaView style={{flex: 1}} forceInset={{ top: 'always' }}> 
        <StreamApp
      apiKey="myapikey"
      appId="myappid"
      token="mytoken"
  />
    </SafeAreaView>
  </View>
  );
 };

 export default newsFeed;

https://getstream.io/react-native-activity-feed/tutorial/ ссылка на официальное руководство от GetStream.io

Ответы [ 2 ]

0 голосов
/ 25 марта 2019

Итак, что я узнал.

Проблема была из-за этой строки: 

 import SafeAreaView from 'react-native-safe-area-view';

Что вы должны сделать следующее: 

 import { SafeAreaView } from "react-native";
0 голосов
/ 25 марта 2019

Судя по сообщению об ошибке, ваш newsFeed компонент визуализируется внутри элемента Text.

Вот ссылка на проверку в RN, которая вызывает эту ошибку -> https://github.com/facebook/react-native/blob/master/Libraries/Components/View/View.js#L44

Например.этот код JSX вызовет ту же ошибку: 

<Text>
   < newsFeed />
</Text>

Предполагая, что это так (или его вариант), вы можете очень легко решить эту проблему, поместив ваш компонент в <View> и удалив <Text> когда не нужно.

...