简介
在 React Native 开发过程中，有时候需要用到 URL 缩短服务，而 Google 短链接服务是比较常用的一种。react-native-google-shortener 就是一个可以在 React Native 应用中使用 Google 短链接服务的 npm 包。
安装
在项目目录下，运行以下命令进行安装：
npm install react-native-google-shortener --save
安装完成后，还需要手动进行一些配置。
配置
iOS
在 iOS 项目根目录下，找到 AppDelegate.m 文件，添加以下代码：
-- -------------------- ---- -------
------- ---------------------------
- -------------------------------- -------------
-------------- -----
-------------------------------------------------------- --------- -
------ ------------------ -----------------------
-----------
-----------------
-在 Info.plist 文件中添加以下代码：
<key>LSApplicationQueriesSchemes</key> <array> <string>yougoogl</string> </array>
Android
在 AndroidManifest.xml 文件的 application 标签中添加以下代码：
<meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
在 MainActivity.java 文件中添加以下代码：
-- -------------------- ---- -------
------- ------------------------
------ -----------------------
------ ---------------------------------
------ -----------------------------------------
------ ---------------------------------
------ -------------------------------------------------------------------
------ -------------------------------------------------------------
------ ----- ------------ ------- ------------- -
---------
--------- ------ ---------------------- -
------ ----------
-
---------
--------- --------------------- ----------------------------- -
------ --- --------------------------- ----------------------- -
---------
--------- ------------- ---------------- -
------ --- ---------------------------------------------------
-
--
-
---------
--------- ---- ------------------ ------- -
--------------------------
------------------
-
-使用
现在，我们就可以在项目中使用 react-native-google-shortener 了。下面是一个示例：
import { Shortener } from 'react-native-google-shortener';
const url = 'https://www.example.com/article12345.html';
const shortenUrl = await Shortener.getShortUrl(url);
console.log(shortenUrl);
// 输出：https://goo.gl/k3sXsJ
总结
本文介绍了如何在 React Native 项目中使用 react-native-google-shortener，并提供了详细的安装和配置教程。如果您需要在项目中使用 URL 缩短功能，这个 npm 包就是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553f681e8991b448d14e2