在 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)