在移动端 App 中，经常需要集成广告功能。而如果要在 React Native 应用中实现原生的广告显示，就需要使用 react-native-instream-android 这个 npm 包。本文将详细介绍如何使用该包，并提供实例代码供大家参考。
安装 react-native-instream-android
首先，在你的 React Native 项目的根目录下，使用以下命令安装 react-native-instream-android：
npm install react-native-instream-android --save
配置 in-stream 广告
接下来，你需要在你的 Android 项目的 build.gradle 文件中添加以下依赖项：
dependencies {
implementation 'com.google.android.gms:play-services-ads:20.2.0'
}同时，你还需要向你的 AndroidManifest.xml 文件中添加以下权限：
<uses-permission android:name="android.permission.INTERNET" />
接下来在 MainActivity 中添加广告逻辑代码：
-- -------------------- ---- -------
------ -------------------------------------
------ ----------------------------------
------ ----- ------------ ------- ------------- -
---------
--------- ---- --------------- ------------------- -
-----------------------------------
-- -- --------- ----
------ ------- - --------------------------
--------- --------- - --- ----------------------------
--------------------------
-
-- ---
-使用 react-native-instream-android
安装并配置好 react-native-instream-android 后，你可以在 React Native 项目的代码中使用 InstreamAdManager 组件来显示 in-stream 广告。
-- -------------------- ---- -------
------ - ----------------- - ---- --------------------------------
----- ------------- ------- --------------- -
-------- -
------ -
------
-------------------
------------------
---------------- ---
------------------------- -- ---------------------
-------------- -- -----------------------
--------------- -- ------------------------
--
-------
--
-
-在上述代码中，你可以设置 adUnitId 来指定要显示的广告单元 ID，同时还可以监听 onAdFailedToLoad、onAdLoaded 和 onAdClicked 事件，以获取广告相关的回调信息。
结语
本文介绍了如何在 React Native 应用中使用 react-native-instream-android 来集成 in-stream 广告。通过以上步骤，在你的应用中就可以便捷地展示广告了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc081e8991b448da5cc