node.js - 测试导入 react-native 或 react-native-web

Question

我用 React-Native 和 React-Native-Web 做了 React monorepo 项目。

在通用模块中，我想要使用View和Text组件，但我需要在mobile（react-native）或web（react）上更改我的导入。

我试过这个：

const { View, Text } = window ? require('react-native-web') : require('react-native');

但这不起作用，这是有道理的。

有人已经有这个用例了吗？

谢谢 ！

标签： node.jsreactjsreact-native

Answer 1

将项目设置为使用 react-native-web 后，您只需从 react-native 导入所有内容，然后 react-native-web 会负责其余的工作。如果您的项目配置正确import { View, Text } from 'react-native，那么您只需要，并且在 web 上 react-native-web 将呈现 div 而不是 View 和 p 或其他任何东西而不是 Text。就像它是本机反应的代码一样。