CODEWITHSUNDEEP
react-native
Gaurang vyas
Gaurang vyas

Reputation: 31

React navigation 5.0 header button

I trying to add right navigation header button directly on from Component, and implementation steps have been changed navigation 5.0 version, there is one method that provide add button with method

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>;
}

but need to implement on it

export default class HomeScreen extends Component {


    constructor() {
        super()

    }
    render() {
        return ()
     }
}

Upvotes: 3

Views: 2354

Answers (2)

1009TN
1009TN

Reputation: 141

You can do this in your component constructor 

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

Upvotes: 10

Dionisio Malteso
Dionisio Malteso

Reputation: 51

Try this

 <Stack.Screen
    code..//
        options={{
        code...//
          headerRight: () => (
            <Button
              onPress={() => alert('This is a button!')}
              title="Info"
              color="#fff"
            />
          ),
        }}
      />

Upvotes: 0

Related Questions