react-native - 如果我们转到本地基础的特定选项卡，如何更改<header>的内容？

这是代码：

<Container>
    <Header style={{elevation: 0}} hasTabs >
        <Left/>
        <Body>
            <Text style={{fontWeight: 'bold'}}>Home</Text>
        </Body>
        <Right/>
    </Header>
    <Tabs initialPage={0}  ref="mytabs">
        <Tab heading={ <TabHeading ><Icon name="ios-home" /></TabHeading>}>
            <Tab1 />
        </Tab>
        <Tab heading={ <TabHeading><Icon name="ios-search" /></TabHeading>} >
            <Tab2 />
        </Tab>
        <Tab heading={ <TabHeading><Icon name="ios-notifications-outline" /></TabHeading>}>
            <Tab3 />
        </Tab>
    </Tabs>
</Container>

我想要实现的是，当用户按下第二个标签时，标题应该更改为显示搜索栏而不是显示“主页”的文本。有没有办法用本机基本元素做到这一点？

如果我们转到本地基础的特定选项卡，如何更改<header>的内容？

0 个答案: