React Native 如何创建一个活跃的链接为web使用expo-router？

mlmc2os5 于 2023-11-21 发布在 React

关注(0)|答案(1)|浏览(167)

我正在学习博览会路由器试图在一个网络项目中使用它。我试图在标题栏菜单中的样式当前活动链接。我正在寻找像< NavLink> in case of react-router的东西，但没有找到类似的expo-router docs.

<Link href={"/home"}>Home</Link>
<Link href={"/about"}>About</Link>
<Link href={"/product"}>Product</Link>

字符串
如何样式的活动链接的情况下，路由器，特别是为网络。

react-native

来源：https://stackoverflow.com/questions/76699859/how-to-create-a-active-link-for-web-using-expo-router

1条答案

按热度按时间

9wbgstp71#

您可以使用usePathname钩子获取当前URL并将其与链接的href进行比较

const NavLink = ({ href, styles, ...props }) => {
  const path = usePathname();

  return (
    <Link href={href} styles={styles({ isActive: href === path })} {...props} />
  );
}

字符串

赞(0）回复(0）举报 2023-11-21

我来回答

React Native 如何创建一个活跃的链接为web使用expo-router？

1条答案

相关问题

热门标签

最新问答