chore: vendor client into main repo
This commit is contained in:
26
client/components/ExternalLink.tsx
Normal file
26
client/components/ExternalLink.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import { Link } from 'expo-router';
|
||||
import * as WebBrowser from 'expo-web-browser';
|
||||
import React from 'react';
|
||||
import { Platform } from 'react-native';
|
||||
|
||||
export function ExternalLink(
|
||||
props: Omit<React.ComponentProps<typeof Link>, 'href'> & { href: string }
|
||||
) {
|
||||
return (
|
||||
<Link
|
||||
target="_blank"
|
||||
{...props}
|
||||
// expo-router 的 Link 类型会限制 href(主要用于站内路由)
|
||||
// 这里明确把 href 视为外部链接(字符串),并由 onPress 接管打开逻辑
|
||||
href={props.href as any}
|
||||
onPress={(e) => {
|
||||
if (Platform.OS !== 'web') {
|
||||
// Prevent the default behavior of linking to the default browser on native.
|
||||
e.preventDefault();
|
||||
// Open the link in an in-app browser.
|
||||
WebBrowser.openBrowserAsync(props.href);
|
||||
}
|
||||
}}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user