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

Question

我正在尝试在 ReactJs 和 React Native 项目之间共享组件。 我已经成功地能够共享使用 React Native 的组件，但是使用 Native Base 的项目会出错。 我的设置是这样的：

我有一个包含该项目的 mono 存储库。 我在我的 web 项目中安装了 React Native Web 我在我的 React Native 代码库中创建了一个共享文件夹。 我从我的 web src 文件夹创建了一个符号链接到共享文件夹我更新了 babel configs 以编译共享文件夹中的项目

这是我尝试分享的组件示例。 没什么特别的；）

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

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

export default Test;

我在 devtools 控制台中看到了这个：

未捕获的错误：无效的挂钩调用。 钩子只能在 function 组件的主体内部调用。 这可能由于以下原因之一而发生：

1. 你可能有不匹配的 React 版本和渲染器（例如 React DOM）
2. 您可能违反了 Hooks 规则
3. 你可能在同一个应用程序中拥有多个 React 副本

<ForwardRef(Center)> 组件出现上述错误：

知道如何让具有本机基础的组件在 web 中工作。 我应该注意到它在没有符号链接的移动设备上运行良好。

Answer 1

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