/Javascript/React/Reactnaviataion change title

Reactnaviataion change title

import * as React from 'react';
import { View, Text, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

function HomeScreen({ navigation }) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
      <Button
        title="Go to Profile"
        onPress={() =>
          navigation.navigate('Profile', { name: 'Custom profile header' })
        }
      />
    </View>
  );
}

function ProfileScreen({ navigation }) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Profile screen</Text>
      <Button title="Go back" onPress={() => navigation.goBack()} />
    </View>
  );
}

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Home"
          component={HomeScreen}
          options={{ title: 'My home' }}
        />
        <Stack.Screen
          name="Profile"
          component={ProfileScreen}
          options={({ route }) => ({ title: route.params.name })}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

Source: stackoverflow.com

Similar codes

1 vote181 views1 answer
Stop page refresh on button click react
Javascript React
-1 vote207 views1 answer
Get height component react
Javascript React
59 votes199 views3 answers
Npm react router dom
Javascript React
32 votes208 views1 answer
How to use routes in react js
Javascript React
17 votes186 views5 answers
Add background image react native
Javascript React
2 votes275 views1 answer
Set dynamic route in link react js
Javascript React
0 vote264 views1 answer
Render blaze in react
Javascript React
0 vote185 views1 answer
How to make multiple link using react
Javascript React
0 vote197 views1 answer
React native qr code scanner
Javascript React
0 vote204 views1 answer
Reset reactive state vue 3
Javascript React