App Codex.版本：1.0.0.

班级

apppagesapi.

apppagesapi.（）

App Page Hooks实例名称：apppageshooksapi。

修改应用程序页面的外观和功能。

构造函数

＃新的apppagesapi.（）

例子
ExternalCodesetup.apppageshooksapi.method_name.

方法

＃setActivitiesWidgetComponent.（活动WidgetComponent.可用的的）

它用于修改App页面的活动块的外观和结构。您可以设置一个组件，以在类似于您的主屏幕中的应用程序页面中显示各种活动小部件。

参数：
姓名 类型 属性 描述
WidegGetComponent. React.ComponentType。<活动WidgetComponentprops.>
例子

有活动

//在custom_code/components/ActivitiesWidget.js中import React from ' React ';import {View} from 'react-native';import {globalStyle} from "@src/styles/global";import {useSelector} from "react-redux";//使用useSelector从redux获取状态import WidgetTitle from "@src/components/Widgets/WidgetTitle";//使用BuddyBoss WidgetTitle组件从'react-native-fast-image'中导入fasttimage;import {ItemTitle} from "@src/components/TextComponents";//使用BuddyBoss ItemTitle组件const activereswidget = (props) => {const globalStyles = useSelector((state) => globalStyle(state.config.styles)) //从redux获取样式const {colors, global} = globalStyles;const featuredActivity = props.activities[0];return (      Author: {featuredActivity.name}     ) } export default ActivitiesWidget; //In custom_code/index.js ... import ActivitiesWidget from "./components/ActivitiesWidget"; export const applyCustomCode = externalCodeSetup => { externalCodeSetup.appPagesHooksApi.setActivitiesWidgetComponent( (props) => ); };

＃setCoursesWidgetComponent（CoursessWidgetComponent.可用的的）

您可以使用此过滤器设置在其他应用程序页面中显示课程小部件，例如在主屏幕中的组件。请记住，此挂钩覆盖您在课程类别屏幕中使用的组件，并使您可以对课程部分具有更多的设计灵活性。因此，如果要仅在任何App Page课程选项中更改窗口小部件，请参阅我们的文档courseshooksapi.widgetitemcoursecomponent.。

参数：
姓名 类型 属性 描述
CoursessWidgetComponent. React.ComponentType。<CoursessWidgetComponentProps.>
例子

显示促销横幅代替小部件项目

//在custom_code / component / coursesswidget.js导入从“Rack”反应;导入{View，Alert}从“React-Native”;import {globalStyle} from "@src/styles/global";import {useSelector} from "react-redux";//使用useSelector从redux获取状态import WidgetTitle from "@src/components/Widgets/WidgetTitle";//从“反应原始手势 - 处理程序”使用Buddyboss widgettitle组件导入{touchableopacity};从“反应 - 本机 - 快速图像”导入Fastimage;const coursesswidget =（props）=> {const globalstyles = pusterElector（（state）=> globalstyle（state.config.styles））//获取从redux const {colors，globle} = globalstyles的样式;返回（<查看样式= {[global.widget，{backgroundcolor：props.bgcolor，borderbottomcolor：colors.bordercolor}]}> <查看样式= {global.widgettinner}> //使用可以显示课程标题和a的bb组件查看所有链接 //Display a promotional banner here   Alert.alert("Redirecting you to our best selling courses...")}>     ) } export default CoursesWidget; //In custom_code/index.js... ... import CoursesWidget from "./components/CoursesWidget"; export const applyCustomCode = externalCodeSetup => { externalCodeSetup.appPagesHooksApi.setCoursesWidgetComponent((props) => ); };

＃SethomepageTitleicon.（图标）

如果应用程序页面位于主导航(或底部导航栏)的索引为0，则在任何应用程序页面中设置一个图标。它可以用来自动替换默认的主屏幕logo，可以在BuddyBoss WordPress admin > BuddyBoss App > Branding > Images中找到。

参数：
姓名 类型 描述
图标 LocalImageSource.
例子
externalCodeSetup.appPagesHooksApi.setHomePageTitleIcon(“https://link-to-image.png”);
Baidu