useLinkTo

useLinkTo 钩子允许我们使用路径而不是基于 linking 选项 的屏幕名称来导航到屏幕。它返回一个接收要导航到的路径的函数。

import { useLinkTo } from '@react-navigation/native';

// ...

function Home() {
  const linkTo = useLinkTo();

  return (
    <Button onPress={() => linkTo('/profile/jane')}>
      Go to Jane's profile
    </Button>
  );
}

这是一个用于构建更复杂行为的低级钩子。我们建议使用 useLinkProps 钩子 来构建自定义链接组件，而不是直接使用此钩子。它将确保您的组件在网络上可访问。

与类组件一起使用

您可以将类组件包装在函数组件中以使用该钩子

class Home extends React.Component {
  render() {
    // Get it from props
    const { linkTo } = this.props;
  }
}

// Wrap and export
export default function (props) {
  const linkTo = useLinkTo();

  return <Profile {...props} linkTo={linkTo} />;
}