ReactNavigation：调用导航时出现问题

Question

我的代码有错误

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

但是我的模拟器说：

在调用以对象作为参数的导航时，您需要指定名称或键。

请有人帮助我，非常感谢。

Answer 1

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