react-native - react 导航 5.0 标题按钮

Question

我试图直接从组件添加右侧导航标题按钮，并且实现步骤已更改导航 5.0 版本，有一种方法提供添加按钮的方法

function HomeScreen({ navigation }) {
  const [count, setCount] = React.useState(0);

  navigation.setOptions({
    headerRight: () => (
      <Button onPress={() => setCount(c => c + 1)} title="Update count" />
    ),
  });

  return <Text>Count: {count}</Text>;
}

但需要对其实现

export default class HomeScreen extends Component {


    constructor() {
        super()

    }
    render() {
        return ()
     }
}

Answer 1

您可以在组件构造函数中执行此操作

this.props.navigation.setOptions({
    headerRight: () => <Button />
});