create-react-app/react-native-elements 错误

Question

使用 create-react-app 启动了一个项目。 安装 react-native: "^0.57.8", react-native-elements: "^0.19.1" 和 react-native-vector-icons: "^6.1.0"。 能够在项目中使用 react-native-elements 中的组件。

当我运行npm start我得到粘贴在下面的错误代码。 我已经通读了 react-native-elements 文档，但似乎找不到任何可以帮助我的东西

./node_modules/react-native-elements/src/avatar/Avatar.js
 SyntaxError: D:\Location-Map\Neighborhood-Map-2-\location- 
 app\node_modules\react-native-elements\src\avatar\Avatar.js: Unexpected 
 token (92:8)

  90 | 
  91 |       return (
> 92 |         <TouchableHighlight
     |         ^
  93 |           style={[
  94 |             styles.editButton,
  95 |             editButtonSizeStyle,

Answer 1

我认为你在反应和反应原生之间感到困惑。 如果你想为android和ios平台创建一个本机应用程序，你应该初始化一个react-native项目，我强烈建议你使用react-native cli，因为你可以在你的项目中使用本机代码，而你最终构建的应用程序也有与世博会相比规模较小。 您的问题是您希望在react项目中编写react-native代码。 因此，使用react-native cli再次初始化您的项目。

Answer 2

你不能这样做（如果你想知道原因，请在这里阅读）。 你想建立一个网络应用程序吗？ 将React与create-react-app 。 你想建立一个移动应用程序吗？ 将React Native与Expo或react-native init 。

我建议你看一下material-ui作为React的组件库。