react macos_如何在macOS平台上为React Native App提供支持

react macos

React Native是Facebook开发的框架 ，用于在本机平台上构建应用程序。 由于它的速度，敏捷性以及能够在具有交互式用户界面（UI）的多个平台上构建混合应用程序的能力，因此它被大多数开发人员所首选。

默认情况下，React Native具有内置组件和支持包，可通过移动本机iOS和Android平台访问。 为了访问macOS平台中的应用程序，Microsoft开发了React Native的macOS扩展。

有关macOS实施的更多信息，请单击此处 。 尽管资源如此详尽，但许多React本机开发人员都很难理解它。 因此，这是有关如何在macOS平台上设置React Native应用程序的分步指南。

先决条件

1. 创建一个React Native应用程序 。
2. 安装CocoaPods ，这是一种数据包管理工具，用于管理iOS开发的依赖项。
3. 确保机器中已安装npm / yarn 。 它是JavaScript的软件包管理器，用于快速和可靠的依赖性管理。
4. 确保Mac设备已预安装Mojave（10.14.6）版本或更高版本。

在macOS上扩展对React Native应用程序的支持

1.使用0.61.5或更高版本创建一个本机应用程序。

2.要也支持react-native-windows，请迁移版本（0.61.5）或更高版本的react-native-windows。

3.打开macOS终端并导航到React Native项目路径，并执行以下命令以安装React Native for macOS：

npx react-native-macos-init

4.上面的命令将在项目中创建一个macOS文件夹：

5.导航到新创建的macos文件夹，然后执行以下命令来安装Pod：

pod install

成功执行以上命令后，显示以下信息：

6.转到macOS终端中reactnative文件夹的根目录，并执行以下命令以在macOS平台上运行React Native应用程序：

npx react-native run-macos

要么

使用Xcode打开macos \ react_native_macos_support.xcworkspace并单击“运行”按钮：

7.由于macOS平台不支持某些模块，因此构建可能会失败。 在这种情况下，您必须从软件包中删除不支持的社区模块和扩展。

例如，社区模块和扩展，例如react-native-video，React Native包中的模式组件等。

如果遇到此类问题，请参考步骤8和9。

8.完全删除节点模块文件夹，并使用Xcode删除派生数据。 然后，打开macOS终端并导航到React Native项目路径并执行以下任一命令来安装所有依赖项：

npm install

要么

yarn install

9.导航到新创建的ios文件夹，并完全删除容器，然后使用以下命令重新安装容器：

pod cache clean -all

pod deintegrate || rm -rf Pods

pod install

10.另外，请确保AppDelegate中提到的moduleName与应用程序名称相同。

安装成功后，macOS将按以下方式加载：

不支持的社区模块和扩展

一些不受支持的React Native社区模块和扩展是：

1. react-native-video软件包，可在react-native-community中使用。
2. React Native包中可用的模型组件。
3. macOS平台不支持Image组件的repeat和borderRadius属性。
4. 还不支持按钮的某些属性。
5. React Native包中提供了DatePickerAndroid和DatePickerIOS组件。

示例代码存储库详细信息：

https://github.com/IbrahimSulai/react_native_macos_support

有关如何启用对Windows平台上的React Native应用程序的支持的信息，请参阅我的其他博客。

翻译自: https://hackernoon.com/how-to-provide-support-for-react-native-apps-on-the-macos-platform-d5n3u3g

react macos