如何从 React Native 应用程序迁移到 react-native 模块

Question

我创建了一个带有 react-navigation 的 react native 应用程序（只是一个不需要在特定平台上开发的 react-native 代码）是一个非常短的应用程序，它有 3 个屏幕来列出来自 API 的信息。 这是作为注册应用程序工作的。

现在我想做的是使用我的应用程序作为要从另一个 react-native app () 集成的导入组件。

--------------------------------------------------------------------------------------
# AnotherApp.js

import React from 'react';
import { MyModuleFlow } from 'my-module-flow';

const AnotherApp = () => {
  return (
    <MyModuleFlow
      param1={someValue}      
      onSuccess={data=> {
        console.log('success', data);
      }}
    />
  );
};

export default AnotherApp;
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
# index.js

import { AppRegistry } from 'react-native';
import AnotherApp from './AnotherApp.js'
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => AnotherApp);

-------------------------------------------------------------------------------------

我应该怎么做才能迁移我的项目？ 我的应用程序现在有一些链接的依赖项，我不知道该怎么做。

Answer 1

您应该创建一个 npm 模块并发布它。 它将捆绑您的所有文件并将其推送到 npm。 然后你可以在任何地方导入你的模块。

这就是我所关注的： https : //medium.com/@KPS250/publishing-react-native-modules-to-npm-40d2c4878a8e

Answer 2

好吧，我自己从社区的 bob 库中找到了解决方案我所要做的就是将项目设置为要构建的 js-module，

• 不再需要像 ios 和 android 这样的本机文件夹，所以我删除了它们
• (following the interactive cli) （遵循交互式cli）
• 将所有依赖项移动到 devDependencies，并设置

"peerDependencies": { 
  "react": "*", 
  "react-native": "*"
}

• and fix all the warnings如果您像我一样使用 tsx，请运行并修复所有警告
• (will exec , force it otherwise)（将执行 ，否则强制执行）
• 接下来的步骤，添加一个示例文件夹 - >所有信息都在这里。
• 如果您有疑问，请使用此 repos 作为指南： react-native-tab-view react-native-paper
• 最后，bob build 给了我想要的模块，大小我预期为 100kb，就是这样
• 有一个特殊的模块来处理发布（发布到 npm、更改包版本、标记分支等）release-it。

希望有人觉得这有用