GetStream.io文档中的代码在RN中不起作用。必须插入<text>字符串

Question

我正在与RN一起在Node上使用Firebase Server。我想在我的应用程序中使用GetStream.io。后端工作正常，但是GetStream.io文档中有关前端的示例不起作用，我仅收到此错误。

我尝试插入属性，尽管该属性在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的官方指南

Answer 1

根据错误消息，您的newsFeed组件似乎呈现在Text元素内。

这是指向RN中发生此错误的检查的链接-> https://github.com/facebook/react-native/blob/master/Libraries/Components/View/View.js#L44

例如。此JSX代码将触发相同的错误：

<Text>
   < newsFeed />
</Text>

假设是这种情况（或其变种），则可以通过将组件包装在<View>中并在不需要时删除<Text>来轻松解决此问题。

Answer 2

所以我发现了什么。

问题在于此行：

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

您应该执行的操作如下：

 import { SafeAreaView } from "react-native";