在 React Native 开发中，版本号是很重要的一项，特别是在发布应用时，应用的版本号必须被设定并正确显示。为了方便 React Native 的开发者，我们今天来介绍一个非常方便的 npm 包：react-native-app-version。
什么是 react-native-app-version？
react-native-app-version 是一个用于获取应用程序版本号和构建号的轻量级 React Native 库。 它利用 React Native 的原生模块技术，支持多种平台。 这个库主要提供了两个方法：
- getVersion()：获取应用程序版本号。
- getBuildNumber()：获取应用程序构建号。
如何集成 react-native-app-version？
我们首先需要在命令行中使用 npm 安装 react-native-app-version：
npm install react-native-app-version --save
然后运行命令：
react-native link react-native-app-version
然后你可以在你的应用程序中尝试使用它：
import AppVersion from 'react-native-app-version'; console.log(AppVersion.getVersion()); console.log(AppVersion.getBuildNumber());
React Native 应用程序的版本号和构建号是从 Info.plist(iOS) 或 AndroidManifest.xml(Android) 文件获取的，react-native-app-version 会自动从这些文件中解析出来。
示例代码
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----- ---- - ---- --------------- ------ ---------- ---- --------------------------- ----- ----------- ------- --------------- - ----- - - -------- ----- ------------ ---- -- ----- ------------------- - ----- ------- - ----- ------------------------ ----- ----------- - ----- ---------------------------- --------------- -------- ----------- --- - -------- - ------ - ------ -------------- --------------------------- ----------- ------- ------------------------------- ------- -- - - ------ ------- ------------展开代码
在上面的代码中，我们创建了一个组件，它在挂载时获取应用程序的版本号和构建号，并将其保存在组件的状态中。 然后，在渲染时，我们将这些值展示在组件的文本元素中。
总结
通过使用 react-native-app-version，我们可以轻松方便地获取我们的 React Native 应用程序的版本号和构建号。它允许我们在开发和发布期间准确地管理版本号，并在需要时将此信息与用户共享。 而在使用时，我们只要简单调用两个方法即可获取到应用程序版本号和构建号，其使用非常简单，是一个不可多得的好工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563a281e8991b448e119f
