<button text="go to page 2" onpress="{()=">导航.navigate("page_2")} /&gt;</button>

Question

'string' 类型的参数不能分配给 '{ key: string; 类型的参数。 参数？：从不； 合并？：boolean； } | {名称：从不； 键？：字符串； 参数：从不； 合并？：boolean； }'.ts(2345)

当我们无法使用 react-native 中的 typescript 导航到另一个屏幕时，总是会发生这种情况？ 代码示例：

<Button text="go to page 1" onPress={()=>navigation.navigate("page_2")} />

在此处输入图像描述

Answer 1

正如错误消息所示，尝试传递包含“key”属性的 object。

<Button text="go to page 1" onPress={()=>navigation.navigate({key:"page_2"})} />

Answer 2

import React, { FC } from "react"
import { observer } from "mobx-react-lite"
import { ViewStyle } from "react-native"
import { Button, Screen, Text } from "../../components"
 import { useNavigation } from "@react-navigation/native"
// import { useStores } from "../../models"
import { color } from "../../theme"
import { NavigationInjectedProps } from "react-navigation";

const ROOT: ViewStyle = {
  backgroundColor: color.palette.black,
  flex: 1,
}
export interface Page1Props extends NavigationInjectedProps<{}> {
    
} //u should create a interface of props 

export const Page1Screen :FC<Page1Props> = observer(function Page1Screen(props)  {// then use the interface for the functional component
  // Pull in one of our MST stores
  // const { someStore, anotherStore } = useStores()

  // Pull in navigation via hook
  //const navigation = useNavigation()
  return (
    <Screen style={ROOT} preset="scroll">
      <Text preset="header" text="page 1" />
      <Button text="go to page 2" onPress={()=>props.navigation.navigate("page_2")} />
    </Screen>
  )
})