应用程序法典版本:1.0.0

类

SocialGroupSingleApi

SocialGroupSingleApi（）

单钩。实例名称:socialGroupSingleApi

你可以自定义社交圈选项，比如替换群组头像，在群组详情之前/之后添加组件，修改默认的群组动作按钮等等。

构造函数

＃新的SocialGroupSingleApi（）

例子
externalCodeSetup.socialGroupSingleApi.METHOD_NAME

方法

＃SetAfterDetails组件(AfterDetailsComponent)

你可以自定义社交圈选项，比如替换群组头像，在群组详情之前/之后添加组件，修改默认的群组动作按钮等等。

参数:
的名字 类型 描述
AfterDetailsComponent React.ComponentType。<AfterGroupDetails组件支柱>

详细信息显示后要渲染的jsx
例子
const AfterDetailsComponent = (props) => {return

＃setAfterProfileHeader(AfterProfileHeader)

它在组标题后添加一个组件，但将其放置在组项目列表之前。

参数:
的名字 类型 描述
AfterProfileHeader React.ComponentType。<AfterGroupProfileHeaderProps>
例子
const AfterProfileHeader = (props) => {const {group} = props;返回组。hasForum &&

＃SetbeForeDetails组件(BeforeDetailsComponent)

可以使用它在组详细信息(如标题和组描述)之前添加组件。

参数:
的名字 类型 描述
BeforeDetailsComponent React.ComponentType。<BeforeGroupDetailsComponentProps>
例子
const BeforeDetailsComponent = (props) => {return !props.group。isMember && 您不是该组的成员。要查看所有可用的项目，请加入组。< /文本>}externalCodeSetup.socialGroupSingleApi.setBeforeDetailsComponent (BeforeDetailsComponent)

＃setCustomHeaderBackground(customHeaderBackground)

替换组的封面图像

参数:
的名字 类型 描述
customHeaderBackground 字符串
例子
externalCodeSetup.socialGroupSingleApi.setCustomHeaderBackground（'https://link-to-image.png')

＃setFilteredGroupActionButtons(filteredGroupActionButtons)

附加或前置操作按钮。您可以使用此按钮修改组的默认操作按钮。doFunction可用于分派redux操作。

参数:
的名字 类型 描述
filteredGroupActionButtons TransformGroupActionButtonsCallback
例子
externalCodeSetup.socialGroupSingleApi.setFilteredGroupActionButtons((action) => {const requestDeliveryRedux = {label: 'Request for food delivery'， isNavigation: true, doFunction: () => ({type: "FOOD_DELIVERY_REQUEST"}) //调用自定义redux action FOOD_DELIVERY_REQUEST} return[…行动,requestDeliveryRedux];}）

＃setGroupDetailsComponent(GroupDetailsComponent)

替换“组详细信息”组件，并允许您编写自己的组件以显示组详细信息。

参数:
的名字 类型 描述
GroupDetailsComponent React.ComponentType。<GroupDetailsComponentProps>

以呈现替换组详细信息的组件
例子
const GroupDetailsComponent = (props) => {const {group} = props return   {组。shortContent}  } externalcodesetup . socialgroupsingleap. setgroupdetailscomponent (GroupDetailsComponent)

＃setGroupHeaderAvatar(GroupHeaderAvatar)

您可以使用它来替换组头头像。例如，如果组没有角色，则更改默认的组角色。

参数:
的名字 类型 描述
群头星 React.ComponentType。<GroupHeaderAvatarProps>
例子

如果群组没有角色，请更改默认群组角色

．．．从“react-native-reanimated”中导入Animated;从"@src/components/AppImage"中导入AppImage;export const applyCustomCode = externalCodeSetup => {const GroupHeaderAvatar = (props) => {const {global, colors, group} = props;const avatarSize = Math。min(DEVICE_WIDTH * 0.3, 110);让customUri = group.avatar;如果(group.avatar.includes("mystery-group")) {customUri = 'https://link-to-image.png'}返回<动画。View style={[{margin: 18, margin: "auto"}， !!coverImage && {borderRadius: 18, backgroundColor: "#fff"， borderWidth: 3, borderColor: "#fff"，…{{{{{width: avatarSize, height: avatarSize, borderRadius: 18}]}} resizeMode={"包含"}/> }externalCodeSetup.socialGroupSingleApi.setGroupHeaderAvatar (GroupHeaderAvatar); }

＃setGroupHeaderButtons(GroupHeaderButtons)

您可以在默认组按钮部分附近添加新组件。

参数:
的名字 类型 描述
GroupHeaderButtons React.ComponentType。<GroupHeaderButtonsProps>
例子
const-GroupHeaderButtons=（props）=>{const{OldButtonComponent，group}=props；const-NavigateToForum=（）=>group.NavigateToForum（）>转到论坛const-OpenInWeb=（）=>group.navigateToWeb（）}>在浏览器中打开返回（）}外部代码设置。socialGroupSingleApi.setGroupHeaderButtons（GroupHeaderButtons）

＃setTabFilter（tabFilter）

您可以使用它来修改Groups屏幕上的选项卡列表。

参数:
的名字 类型 描述
tabFilter TransformGroupTabListCallback
例子
externalCodeSetup.socialGroupSingleApi.setTabFilter((props) => {const customTab = {icon: require("@src/assets/img/ About .png")， label: "About"， onPress: () => Alert。warning ("This group was created by the admin")， count: false, loading: false} return[…道具、customTab];}）
Baidu