在vanilla React应用程序中包含react-native组件

时间:2017-06-26 20:25:36

标签: reactjs react-native

这听起来像一个奇怪的问题。它是。但是有可能在我用create-react-app实例化的反应应用中做这样的事情吗?

import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
...

即。即使我实际上无法构建移动视图,我也希望将其包含在我的代码中以便用它做其他事情

我只是问,因为我无法绕过一个 "Module not found: Can't resolve 'react-native' in '/Users/...'错误,即使我的package.json中有react-native

2 个答案:

答案 0 :(得分:1)

嗯......问题是react-native只适用于本机应用,如果您需要使用这些组件,则必须使用alt-native-web等替代方案。

https://github.com/necolas/react-native-web

这可能就是你要找的东西。

答案 1 :(得分:1)

您要找的是react-primitives

  

这个库试图提出一套理想的原语   无论Platform如何,构建React应用程序。在将来,   这可以用作React和React Native之间的共享接口   不使用特定于平台的API的组件。

然后,从此包导入某些原语。它们将以原生和/或DOM呈现。

import React, { Component } from 'react';
import { Text, StyleSheet } from 'react-primitives';

export function CrossplatformComponent() {
  return <Text>Hello world</Text>
}