Question

我正在使用react-native-swiper创建类似导航的Snapchat。现在，在向左滑动打开的幻灯片中，我想在webbrowser / not webview中打开动态链接。我不想使用webview的原因是因为它在开始时出现空白屏幕，并且没有地址栏，因此创建了错误的UX。我不希望Web浏览器在页面顶部或页面上打开，而是在页面本身内打开。我怎样才能做到这一点？此外，这已经在名为inshorts的应用程序中完成了。

Answer 1

也许这可以帮助您满足需要，只是检查了一下道具，我发现有些隐藏/显示设置可以满足您的需求（我希望;-)） https://www.npmjs.com/package/react-native-webbrowser

Answer 2

import { Linking } from 'react-native';


Linking.openURL('https://google.com');

您可以使用Linking将用户导航到浏览器

Answer 3

您可以使用React Native中的Linking，首先将其导入：

import { Linking } from 'react-native';

然后，您可以创建一个打开URL的函数，首先调用canOpenURL以确保它可以处理您传递的链接，然后调用openURL

  _handlePressLink = () => {
    let url = 'http://www.google.com';
    Linking.canOpenURL(url)
      .then((supported) => {
        if (!supported) {
          console.log("Can't handle url: " + url);
        } else {
          return Linking.openURL(url);
        }
      })
      .catch((err) => console.error('An error occurred', err));
  };

如何打开浏览器而不是webview内部在页面滑动时反应本机滑动

3 个答案: