在 React Native 开发中，Firebase 经常被用来作为后端服务提供商。而 @thriller/react-native-firebase 包则是一个为了简化 Firebase 库集成的 React Native 封装。在本文中，我们将会学习如何使用 @thriller/react-native-firebase 包来实现 Firebase 功能。
安装
在项目根目录下运行以下命令：
npm install @thriller/react-native-firebase --save
安装完成后，您还需要添加 Firebase 您的应用的配置。
iOS 配置
在您的项目中的 ios/ 目录下创建一个名为 GoogleService-Info.plist 的文件。该文件可从 Firebase 控制台中获取。将其添加到您的 Xcode 项目中，确保将其添加到所有的目标项目中。
Android 配置
在您的项目中的 android/app/ 目录下，创建一个名为 google-services.json 的文件。同样，该文件可从 Firebase 控制台中获取。
在您的 build.gradle 文件中添加以下依赖：
dependencies {
// ...
implementation "com.google.firebase:firebase-core:17.0.1"
}
apply plugin: 'com.google.gms.google-services'使用
@thriller/react-native-firebase 包包括多个再 Firebase 库上的库的实现。您需要安装相应的库来使用功能。以下是一些功能及其对应库的列表：
- Firebase Authentication -
@react-native-firebase/auth - Firebase Cloud Messaging -
@react-native-firebase/messaging - Firebase Functions -
@react-native-firebase/functions
以 Firebase Authentication 功能为例，以下是使用 @react-native-firebase/auth 进行登录和注册的示例代码：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----- ----- ---------- ------ - ---- ---------------
------ ---- ---- ------------------------------
----- ----------- - -- -- -
----- ------- --------- - -------------
----- ---------- ------------ - -------------
----- ----- - ----- -- -- -
--- -
----- ---- - ----- ---------------------------------------- ----------
------------------
- ----- ------- -
-------------------
-
--
----- -------- - ----- -- -- -
--- -
----- ---- - ----- -------------------------------------------- ----------
------------------
- ----- ------- -
-------------------
-
-
------ -
------
----------
-------------------
-------------
-----------------------
--
----------
----------------------
----------------
--------------------------
---------------
--
-------
---------- ---
---------------
--
-------
----------------
------------------
--
-------
-
-在上面的代码中，我们首先引入了 @react-native-firebase/auth 库。auth() 实例是通过该包导出的 Firebase Authentication 实例。接下来，我们定义了两个函数 login() 和 register() 以分别进行登录和注册操作。这里，我们使用 auth().signInWithEmailAndPassword(email, password) 和 auth().createUserWithEmailAndPassword(email, password) 来进行登陆和注册。在每个操作的 await 后，我们可以从返回值中获取用户数据。
最后，我们使用了 React Native 的 TextInput 和 Button 组件来构建了一个简单的用户界面来实现登录和注册功能。
需要注意的是，Firebase Authentication 实际上远不止上面几个方法，从第三方登录(如 Google)到记录使用情况。此处不能一一详细介绍，如需更多信息，请参阅 @react-native-firebase/auth 的文档。
结论
通过本文，我们学习了如何使用 @thriller/react-native-firebase 包来简化 Firebase 集成。我们已经看到了如何添加包，配置应用程序以及使用 @react-native-firebase/auth 库的方式进行登录和注册。接下来，请尝试实现更多其他 Firebase 功能来构建您的 React Native 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005683281e8991b448e44a1