javascript - 在 ReactJs 和 React Native 项目之间共享使用 Native-Base 制作的组件

Question

我正在尝试在 ReactJs 和 React Native 项目之间共享组件。我已经成功地能够共享使用 React Native 的组件，但是使用 Native Base 的项目会出错。我的设置是这样的:
我有一个包含该项目的单声道 repo 。
我在我的 web 项目中安装了 React Native Web
我在我的 React Native 代码库中创建了一个共享文件夹。
我从我的 web src 文件夹创建了一个符号链接(symbolic link)到共享文件夹
我更新了 babel 配置以编译共享文件夹中的项目
这是我尝试分享的组件示例。没什么特别的；)

import {Center, Text} from 'native-base';

const Test = () => {
  return (
    <Center>
      <Text>hello world!</Text>
    </Center>
  );
};

export default Test;

我在 devtools 控制台中看到了这个:
Uncaught Error :无效的 Hook 调用。钩子(Hook)只能在函数组件的主体内部调用。这可能由于以下原因之一而发生:

您可能有不匹配的 React 版本和渲染器(例如 React DOM)

您可能违反了 Hooks 规则

您可能在同一个应用程序中拥有多个 React 副本

组件出现上述错误:
知道如何让具有 native 基础的组件在 web 中工作。我应该注意到它在没有符号链接(symbolic link)的移动设备上运行良好。

Answer 1

在 Web 和原生移动设备之间共享组件的唯一方法是使用 expo ，或使用 react-native-web .我使用 react-native-web，我对这项技术很满意。写一次到处玩(web、android & ios)