React Native WebView est un composent WebView maintenu par la communauté. Il existe en remplacement au composant WebView de React Native (qui a été retiré du core).
Merci beaucoup aux entreprises pour nous permettre de travailler sur de l'open source.
Également beaucoup de temps personnel est investi pour maintenir ce projet, n'hésitez pas à nous sponsoriser, ça aide vraiment.
Windows et macOS sont maintenues par Microsoft, notamment:
- Alexander Sklar (Twitter @alexsklar) de React Native for Windows
- Chiara Mooney de React Native for Windows @ Microsoft
Grand merci à Jamon Holmgren de Infinite Red pour l'aide apportée lorsqu'il avait plus de temps disponible.
Maintenir la WebView est très compliqué, à cause de ses nombreux usages (rendering svgs, pdfs, login flows, et autres). On supporte également de nombreuses plateformes et les deux architectures de React Native.
Depuis que la WebView a été retirée du core, près de 500 PR ont été mergées.
En considérant que nous possédons un temps limité, les issues github serviront principalement comme lieu d'échange pour la communauté, tandis que nous prioriserons les reviews et les merges de pull requests
Ce projet est compatible avec iOS, Android, Windows et macOS.
Ce projet supporte à la fois l'ancienne (paper) et la nouvelle architecture (fabric).
Ce projet est compatible avec expo.
Lisez attentivement notre guide (exclusivement en anglais) Getting Started Guide. Si la moindre étape ne semble pas claire, merci de créer une issue détaillée.
Ce projet suit la gestion sémantique de version. Nous n'hésitons pas à publier des modifications "breaking-change", mais elles seront intégrées dans une version majeure.
Importez le composant WebView
de react-native-webview
et utilisez le de la manière suivante :
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';
// ...
const MyWebComponent = () => {
return <WebView source={{ uri: 'https://reactnative.dev/' }} style={{ flex: 1 }} />;
}
Pour plus de détails, lisez la Référence API et le Guide. Si vous êtes intéressé à contribuer, lisez le Guide de contribution.
- Si l'erreur
Invariant Violation: Native component for "RNCWebView does not exist"
intervient, cela signifie probablement que vous avez oublié d'executerreact-native link
ou qu'une erreur est intervenue durant le processus de liaison. - Si vous rencontrer une erreur de build durant l'execution de la tâche
:app:mergeDexRelease
, vous devez activer le support du multidex dansandroid/app/build.gradle
comme discuté ici
Voir Contributing.md
This readme is available in: