应用程序法典版本：1.0.0

班

ProfileScreenHooksApi

ProfileScreenHooksApi(）

屏幕挂钩。实例名称：profileScreenHooksApi

你可以使用这个钩子来个性化配置文件屏幕，通过在配置文件标题、博客细节、自定义标题背景等之前/之后添加组件。

构造函数

＃新ProfileScreenHooksApi(）

例子
externalCodeSetup.profileScreenHooksApi.METHOD_NAME

成员

＃activityFiltersSubFilter

弃用:
  • 对

＃SetUserFollowing组件

您可以使用它来替换用户的“跟随者”和/或“跟随者详细信息”组件。

例子
const userfollowComponent=（props）=>（{props.user.followers}followers{props.user.following}following）外部代码设置。配置文件屏幕hooksapi.setUserFollowing组件（followingUserComponent）

方法

＃SetAfterDetails组件（AfterDetails组件）

您可以使用此选项在配置文件详细信息后添加组件。例如，您可以在自定义组件中添加有关配置文件的更多信息。

参数:
的名字 类型 描述
AfterDetailsComponent React.ComponentType。<AfterProfileDetailsComponentProps>
例子
const AfterDetailsComponent = ({user}) => (Last activity: {user})lastActivity} > < /文本)externalCodeSetup.profileScreenHooksApi.setAfterDetailsComponent (AfterDetailsComponent)

＃setAfterProfileHeader(AfterProfileHeader)

它在概要文件标题后添加一个组件。

参数:
的名字 类型 描述
AfterProfileHeader React.ComponentType。<AfterProfileHeaderProps>
例子
const AfterProfileHeader=（props）=>（用户点：{props.User.Points}）外部代码设置。profileScreenHooksApi.setAfterProfileHeader（AfterProfileHeader）

＃SetbeForeDetails组件（在详细信息组件之前）

您可以使用它在配置文件详细信息之前添加组件。

参数:
的名字 类型 描述
BeforeDetailsComponent React.ComponentType。<BeforeProfileDetails组件支柱>
例子
const BeforeDetailsComponent = ({user}) => ( user Type: {user. user0})文本类型}< / >)externalCodeSetup.profileScreenHooksApi.setBeforeDetailsComponent (BeforeDetailsComponent)

＃setCustomHeaderBackground(customHeaderBackground)

替换配置文件屏幕中所有配置文件的封面图像

参数:
的名字 类型 描述
customHeaderBackground 字符串

替换封面图像的资源
例子
externalCodeSetup.profileScreenHooksApi.setCustomHeaderBackground(“https://link-to-image.png”)

＃setHeaderRightComponent(HeaderRightComponent)

您可以使用它在用户配置文件屏幕的右上角添加组件。

参数:
的名字 类型 描述
HeaderRightComponent React.ComponentType。< HeaderRightComponent >
例子
/ /在custom_code /组件/ ProfileHeaderButton.js……import {Alert} from "react-native";import IconButton from "@src/components/IconButton";import {globalStyle} from "@src/styles/global";import {useSelector} from "react-redux";//使用useSelector从redux导出const ProfileHeaderButton = () => {const globalStyles = useSelector((state) => globalStyle(state.config.styles))) //从redux获取样式const user = useSelector((state) => state.user. userobject);//获取用户从redux const{颜色}= globalStyles;return ( Alert. png");alert(' Hello ${user.nicename}! ')}//在这里做一些事情，比如调用api请求headerIconColor} style={{height: 28}} />)} //在custom_code/index.js…import {ProfileHeaderButton} from "./components/ProfileHeaderButton"; export const applyCustomCode = externalCodeSetup => { externalCodeSetup.profileScreenHooksApi.setHeaderRightComponent(() => ) };

＃setHideHandle（隐藏手柄）

通过将用户句柄作为符合事实的价值。

参数:
的名字 类型 描述
hideHandle 布尔
例子
externalCodeSetup.profileScreenHooksApi.setHideHandle（true）

＃setIgnoreTabsFilter(ignoreTabsFilter)

您可以使用此设置一个功能，该功能能够隐藏特定的配置文件菜单项。

参数:
的名字 类型 描述
ignoreTabsFilter TransformProfileIgnoredSubscreensCallback
例子
externalCodeSetup.profileScreenHooksApi.setIgnoreTabsFilter（（列表，IsownCount）=>[…列表，“活动”，“朋友”]）

＃setTabsList（表格列表）

您可以使用此钩子在配置文件屏幕中添加或修改现有的选项卡。例如，您可以在配置文件屏幕选项卡列表中添加一条新的路由

参数:
的名字 类型 描述
标签列表 TransformProfileSubscreensListCallback
例子

在配置文件屏幕选项卡列表中添加新路由

..．import {NavigationActions} from "react-navigation";export const applyCustomCode = externalCodeSetup =>{//注册一个新的路由externalCodeSetup. navigationapi。addNavigationRoute("book"， "BookScreen"， () => 自定义book Screen， "All");//添加新的菜单项配置文件屏幕选项卡列表externalCodeSetup.profileScreenHooksApi。setabslist ((list, navigation, user, isOwnAccount)) => {return[…]list， {icon: require("@src/assets/img/about.png")， //设置图标标签:"Book"， //设置菜单标签onPress:() =>导航。导航(NavigationActions。导航({routeName: "book"， params:{//如果需要传递参数user, isOwnAccount}，关键:用户。Id})}]})}

＃setUserAvatar(UserAvatar)

您可以使用它来替换用户角色组件。

参数:
的名字 类型 描述
UserAvatar React.ComponentType。<UserAvatarProps>
例子
... 从“@src/components/AvatarImageUpload”导入AvatarImageUpload导出const-applyCustomCode=externalCodeSetup=>{const-UserAvatar=（props）=>{return（<>点击avatar进行编辑）}externalCodeSetup.profileScreenHooksApi.setUserAvatar（UserAvatar）

＃setUserFullNameComponent（UserFullNameComponent）

你可以使用它来替换用户全名组件，并根据你的应用程序首选项定制名称显示。

参数:
的名字 类型 描述
UserFullNameComponent React.ComponentType。<UserFullNameComponentProps>
例子
const UserFullNameComponent = (props) => (  {props.user. name = "道具"}} ) externalCodeSetup.profileScreenHooksApi.setUserFullNameComponent(UserFullNameComponent)

＃setUserHandleComponent(UserHandleComponent)

它用于替换默认的用户句柄组件。

参数:
的名字 类型 描述
用户句柄组件 React.ComponentType。<UserHandleComponentProps>
例子
const UserHandleComponent = (props) => ( @{props.user. name = "道具";nicename} ) externalcodeseup . profilescreenhooksapi . setuserhandlecomponent (UserHandleComponent)

＃setUserRegisteredComponent（UserRegisteredComponent）

它用于替换用户注册详细信息组件。

参数:
的名字 类型 描述
用户注册组件 React.ComponentType。<UserRegisteredComponentProps>
例子
const UserRegisteredComponent=（props）=>（注册日期：{props.formatDateFunc（props.user.registeredDate）}）外部代码设置。配置文件屏幕Hooksapi.setUserRegisteredComponent（UserRegisteredComponent）

＃setUserTypeComponent（UserTypeComponent）

您可以使用它来替换各种应用程序用户的用户类型组件。

参数:
的名字 类型 描述
用户类型组件 React.ComponentType。<UserTypeComponentProps>
例子
const UserTypeComponent = (props) => ( )type}  ) externalCodeSetup.profileScreenHooksApi.setUserTypeComponent(UserTypeComponent);
Baidu