CODEWITHSUNDEEP
reactjsreact-nativereact-navigation
Phong Tuan
Phong Tuan

Reputation: 21

ReactNavigation: Problem with calling navigation

I have an error with my code 

export default function SignIn({ navigation }) {
  const [destination, setDestiantion] = useState("");
  return (
    <View>
      <TextInput
        onChangeText={value => {
          typedText(value);
          setDestiantion(value === "Employee" ? "SignUp1" : "SignUp2");
        }}
        value={text}
      />
      <TouchableOpacity onPress={() => navigation.navigate({ destination })} />
    </View>
  );
}

But my simulator said:

while calling navigate with an object as the argument you need to specify name or key.

Someone help me please, thank you very much.

Upvotes: 2

Views: 5172

Answers (3)

Kevin franklin
Kevin franklin

Reputation: 1

Instead of using this:

<TouchableOpacity onPress={() => navigation.navigate({ destination })} />

Try this:

<TouchableOpacity onPress={() => navigation.navigate( destination )} />

Upvotes: 0

Sharif Al-Hayek
Sharif Al-Hayek

Reputation: 92

Insted of this : <TouchableOpacity onPress={()=>navigation.navigate({destination})}/>

use it like this : <TouchableOpacity onPress={()=>navigation.navigate(destination)}/>

a destination with out the { } braces

Upvotes: 0

Asad
Asad

Reputation: 573

<TouchableOpacity onPress={()=>navigation.navigate({destination})}/>

Replace with

<TouchableOpacity onPress={()=>navigation.navigate("destination")}/>

Upvotes: 1

Related Questions