Comment ouvrir une fenêtre de navigateur in-app dans React native

Question

J'essaie d'ouvrir la fenêtre du navigateur sans quitter l'application lorsque je clique sur une URL (pour iOS et Android).

Le comportement doit être le suivant (par exemple application airbnb):

• clics dans "Conditions" link: links example
• Ouvrez le navigateur en application:
  • Pour iOS : in-app browser iOS
  • Idem pour Android.

Comment puis-je faire cela? Ai-je besoin d'utiliser une bibliothèque existante spécifiée? J'utilise reac-native 0.37, btw.

Merci.

Answer 1

Vous pouvez utiliser un <WebView> - http://facebook.github.io/react-native/releases/0.47/docs/webview.html#webview

import React, { Component } from 'react'; 
import { WebView } from 'react-native'; 

class MyWeb extends Component { 
    render() { 
    return (
     <WebView 
     source={{uri: 'https://github.com/facebook/react-native'}} 
     style={{marginTop: 20}} 
     /> 
    ); 
    } 
} 

Answer 2

Ce que vous voulez utiliser est Linking

import { Linking } from 'react-native'; 
... 
Linking.openURL(`https://<url>`); 

Answer 3

Ceci est une autre solution alors WebView il pourrait fonctionner, il est iOS seulement si: https://github.com/naoufal/react-native-safari-view

C'est SafariView, il semble ouvrir le navigateur dans l'application. Si quelqu'un trouve la version Android, j'aimerais en entendre parler.

Answer 4

Utilisez React Native Custom Tabs pour ouvrir la fenêtre de navigateur intégrée à l'application dans le mode natif React. Il prend en charge les deux plate-forme Android et iOS