react-native - 如何动态更改 react native 应用程序中的标题标题文本？

Question

我一直在为一些听起来很简单的事情而苦苦挣扎。我一直在尝试在调用 onpressed 时获取按钮。尝试了几个组合器但没有任何效果。有什么想法吗？

export default class JobScreen extends React.Component {

    constructor(props) {
        super(props);
    }

    static navigationOptions = ({navigation}) => ({
        title: "Chat with"
    });

    onPressLearnMore(nav) {

        // how do I update the title header 

        console.log("On Pressed" + nav)
    }

    render() {
        const {navigate} = this.props.navigation;


        return (
            <View style={styles.container}>
                <Button
                    onPress={() => {this.onPressLearnMore(navigate)}}
                    title="Learn More"
                    color="#841584"
                />

            </View>
        );
    }
}

Answer 1

由于 navigationOptions 可以访问 navigation 对象，您可以使用 this.props.navigation.setParam({ title : 'some title' }) 然后像这样在 navigationOptions 中访问它

static navigationOptions = ({ navigation }) => {
  const { state: { params = {} } } = navigation;
  return {
    title: params.title || ‘default title’,
  };
}