在开发一个基于 Uber API 的应用程序时，一个常见的需求就是提前预估乘车费用。这篇文章将介绍如何使用 npm 包 react-native-uber-rides-estimates 在 React Native 中实现这个功能，并包含详细的学习和指导内容。
第一步：安装和导入包
要使用 react-native-uber-rides-estimates，需要首先在命令行中运行以下命令来安装：
npm install react-native-uber-rides-estimates --save
完成后，在需要引入该包的页面中使用以下代码导入：
import { UberEstimates } from "react-native-uber-rides-estimates";第二步：设置 Uber API 授权
在使用 Uber API 之前，必须用 Uber 开发平台的登录凭证来获得授权。要了解更多关于 Uber 的 API 授权方式，请参阅 Uber 开发人员网站上的文档。
将您的 API 凭证保存在 .env 文件中，并使用以下代码在您的应用程序中启用：
import { dotenv } from 'dotenv';
dotenv.config();
const config = {
clientID: process.env.UBER_CLIENT_ID,
clientSecret: process.env.UBER_CLIENT_SECRET,
serverToken: process.env.UBER_SERVER_TOKEN,
};运行此代码将通过 .env 文件中定义的凭据自动授权您的应用程序使用 Uber API。请注意，该环境变量值应该在生产环境中由服务器设置，而不是直接存储在代码中。
第三步：获取乘车费用估计
使用 UberEstimates.getEstimates() 方法获取乘车费用估计。此方法接受以下参数：
start_latitude（必填）：起始纬度；start_longitude（必填）：起始经度；end_latitude（必填）：目的地纬度；end_longitude（必填）：目的地经度；seat_count（可选）：座位数；product_id（可选）：可以预订的 Uber 产品 ID（例如 UberX，SELECT）等；distance_unit（可选）：距离单位；
以下是一个使用上述参数调用 Uber API 的实例方法：
-- -------------------- ---- ------- ---------------------------- --------------- -------- ---------------- ---------- ------------- ---------- -------------- ------------ ----------- -- ----------- --------------------------------------- -------------- ------- -- ---------------- -- - ----------------------------- -- -------------- -- - ------------------- ---
以下是 response.prices 属性在提供的起始点到目的地范围内的可用 Uber 产品价格估计：
-- -------------------- ---- -------
-
--------- -
-
------------------------- --------
----------- -----
--------------- --------
------------- ---------------------------------------
---------------- ---
--------------- ---
----------- ----
----------- ---------
---------------- -----
--
-
------------------------- --------
----------- -----
--------------- --------
------------- ---------------------------------------
---------------- ---
--------------- ---
----------- ----
----------- ------
---------------- -----
-
-
-综述
如上述所示，react-native-uber-rides-estimates 包可以轻松地从您的 React Native 应用程序中使用 Uber API 的价格估算功能。本文章介绍了使用该包的三个步骤，包括导入和安装该包，设置 Uber API 授权和调用该 API 以获取乘车费用估计。该模块使用的反应方式是向前推进 React Native 开发的，为 Uber API 开发工作提供了简化和速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc181e8991b448dd181