`<Link>` (React Native)

这是 <Link> 的 React Native 版本。有关 Web 版本，请点击这里。

类型声明

declare function Link(props: LinkProps): React.ReactElement;

interface LinkProps extends TouchableHighlightProps {
  children?: React.ReactNode;
  onPress?(event: GestureResponderEvent): void;
  replace?: boolean;
  state?: any;
  to: To;
}

<Link> 是一个元素，允许用户通过点击它导航到另一个视图，类似于 Web 应用程序中 <a> 元素的工作方式。在 react-router-native 中，<Link> 渲染一个 TouchableHighlight。要覆盖默认样式和行为，请参考 TouchableHighlight 的 Props 参考。

import * as React from "react";
import { View, Text } from "react-native";
import { Link } from "react-router-native";

function Home() {
  return (
    <View>
      <Text>Welcome!</Text>
      <Link to="/profile">
        <Text>Visit your profile</Text>
      </Link>
    </View>
  );
}

<Link> (React Native)

`<Link>` (React Native)