SettingsScreenApi

SettingsScreenApi()

设置屏幕钩子。实例名称:settingsScreenApi

您可以使用它自定义设置选项以及如何根据您的首选项显示设置选项。例如,您可以在设置列表之前/之后添加组件,替换设置项等等。

构造函数

新SettingsScreenApi()

例子
externalCodeSetup.settingsScreenApi.METHOD_NAME

成员

setSettingsTopComponent

弃用:
  • 替换设置顶部组件
例子
const SettingsTopComponent = (props) => (SettingsTopComponent) externalCodeSetup.settingsScreenApi.setSettingsTopComponent(SettingsTopComponent)

方法

setAfterListComponent(AfterListComponent)

您可以使用它在设置列表后添加组件。

参数:
的名字 类型 描述
AfterListComponent React.ComponentType。<AfterSettingsListComponentProps>
例子
const SettingsAfterListComponent = (props) => {return  Hello {props.user.name}! 请评价我们的应用程序! } externalCodeSetup.settingsScreenApi.setAfterListComponent(SettingsAfterListComponent)

setBeforeListComponent(BeforeListComponent)

在设置列表之前添加组件

参数:
的名字 类型 描述
BeforeListComponent React.ComponentType。<BeforeSettingsListComponentProps>
例子
const SettingsBeforeListComponent = (props) => {return  Hello {props.user.name}! } externalCodeSetup.settingsScreenApi.setBeforeListComponent(SettingsBeforeListComponent)

setSettingsListFilter(settingsListFilter道具)

当您使用设置列表选项时,您可以替换它。例如,您可以使用它在设置列表中添加新项目。

参数:
的名字 类型 描述
settingsListFilter 数组。<对象>

默认选项卡列表

道具 SettingsListProps
例子

在设置列表中添加一个新项目

externalCodeSetup.settingsScreenApi。setSettingsListFilter((oldTabs, props) => { return [ ...oldTabs, { key: "custom", icon: require("@src/assets/img/activity-actions/comment.png"), action: () => console.log('Comment'), title: "Comment", shouldRender: true }]; })
Baidu