/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

4 votes247 views4 answers
Class component react
Javascript React
0 vote235 views1 answer
How to change grid size with conditional expression in react
Javascript React
-1 vote228 views3 answers
Divider in react native
Javascript React
1 vote229 views1 answer
REACt helmet og tags DONT WORK
Javascript React
0 vote215 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
16 votes212 views6 answers
Usestate in react
Javascript React
20 votes235 views6 answers
Useeffect react example
Javascript React
0 vote254 views3 answers
React native shaddow
Javascript React
6 votes229 views2 answers
TextInput disable react native
Javascript React
9 votes248 views1 answer
Create react app in existing folder
Javascript React