动态更改StackNavigator标头中的图标
动态更改StackNavigator标头中的图标
提问于 2018-09-22 15:26:02
给定以下列出的StackNavigator选项：
static navigationOptions = {
title: 'Main',
headerRight: (
<MaterialIcons name="grid-on" size={26}/>
),
};我想改变图标在headerRight后，用户按下它，我如何实现它？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-09-22 18:09:36
这就是你能做到的
static navigationOptions = ({ navigation }) => {
const { state } = navigation
if (state.params.yourCheck) {
return {
title: 'Your Title',
headerRight: (
<Button
title={'Button1'}
onPress={() => {
// do something
}}
/>
),
}
} else {
return {
title: 'Your Title',
headerRight: (
<Button
title={'Button2'}
onPress={() => {
// do something
}}
/>
),
}
}
}这是如何更改状态参数值的方法。
this.props.navigation.setParams({ yourCheck: false })Stack Overflow用户
发布于 2020-07-02 08:01:23
使用ReactiveNavigation5，您可以这样做，
this.props.navigation.setOptions({
headerRight: () => <Button
onPress={() => this._scanNearByDevices()}
title= "Scan"
color="#000"
/>
});每当您想更新标题按钮时，都可以使用上面的代码动态更新。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52458115
复制相关文章
相似问题
腾讯云开发者
