react-native-webview

v11.0.3

React Native WebView component for iOS, Android, macOS, and Windows

NPM

README

GitHub

Website

MIT

Latest version published 7 days ago

    npm install react-native-webview

We couldn't find any similar packages Browse all packages

Package Health Score

95 / 100

Popularity
Influential project
Maintenance
Healthy
Security
No known security issues
Community
Active

Make sure the open source you're using is safe to use

Secure my Project

Popularity

Influential project

Weekly Downloads (236,156)

Dependents: 426
GitHub Stars: 3.44K
Forks: 1.68K
Contributors: 180

The npm package react-native-webview receives a total of 236,156 downloads a week. As such, we scored react-native-webview popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package react-native-webview, we found that it has been starred 3,437 times, and that 426 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

No known security issues

Security and license risk for significant versions

All Versions

Direct Vulnerabilities

10.10.2

11.0.3

8.1.2

8.2.1

9.4.0

Indirect Vulnerabilities

10.10.2

11.0.3

8.1.2

8.2.1

9.4.0

License Risks

10.10.2

11.0.3

8.1.2

8.2.1

9.4.0

All security vulnerabilities belong to production dependencies of direct and indirect packages.

License

MIT

Security Policy

We found a way for you to contribute to the project! Looks like react-native-webview is missing a security policy.

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

We found a way for you to contribute to the project! Looks like react-native-webview is missing a security policy.

    # Install the Snyk CLI and test your project
npm i snyk && snyk test react-native-webview

Keep your project free of vulnerabilities with Snyk

Maintenance

Healthy

Commit Frequency

Open Issues: 95
Merged PR: 330
Open PR: 21
Last Commit: 7 days ago

Further analysis of the maintenance status of react-native-webview based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that react-native-webview demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: No
Contributors: 180
Funding: No

A good and healthy external contribution signal for react-native-webview project, which invites more than one hundred open source maintainers to collaborate on the repository.

We found a way for you to contribute to the project! Looks like react-native-webview is missing a Code of Conduct.

Embed Package Health Score Badge

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 2 Direct
Versions: 205
Install Size: 387 kB
Dist-tags: 1
# of Files: 84
Maintainers: 4
TS Typings: No

react-native-webview has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

React Native WebView - a Modern, Cross-Platform WebView for React Native

React Native WebView is a modern, well-supported, and cross-platform WebView for React Native. It is intended to be a replacement for the built-in WebView (which will be removed from core).

Core Maintainers - Sponsoring companies

This project is maintained for free by these people using both their free time and their company work time.

Thibault Malbranche (Twitter @titozzz) from Brigad
Jamon Holmgren (Twitter @jamonholmgren) from Infinite Red

Platforms Supported

[x] iOS
[x] Android
[x] macOS
[x] Windows

Note: Expo support for React Native WebView started with Expo SDK v33.0.0.

Getting Started

Read our Getting Started Guide. If any step seems unclear, please create a detailed issue.

Versioning

This project follows semantic versioning. We do not hesitate to release breaking changes but they will be in a major version.

Breaking History:

Current Version: version

10.0.0 - Android Gradle plugin is only required when opening the project stand-alone
9.0.0 - props updates to injectedJavaScript are no longer immutable.
8.0.0 - onNavigationStateChange now triggers with hash url changes
7.0.1 - Removed UIWebView
6.0.2 - Update to AndroidX. Make sure to enable it in your project's android/gradle.properties. See Getting Started Guide.
5.0.1 - Refactored the old postMessage implementation for communication from webview to native.
4.0.0 - Added cache (enabled by default).
3.0.0 - WKWebview: Add shared process pool so cookies and localStorage are shared across webviews in iOS (enabled by default).
2.0.0 - First release this is a replica of the core webview component

Upcoming:

this.webView.postMessage() removal (never documented and less flexible than injectJavascript) -> how to migrate
Kotlin rewrite
Maybe Swift rewrite

Usage

Import the WebView component from react-native-webview and use it like so:

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

// ...
class MyWebComponent extends Component {
  render() {
    return <WebView source={{ uri: 'https://reactnative.dev/' }} />;
  }
}

For more, read the API Reference and Guide. If you're interested in contributing, check out the Contributing Guide.

Common issues

If you're getting Invariant Violation: Native component for "RNCWebView does not exist" it likely means you forgot to run react-native link or there was some error with the linking process

Contributing

See Contributing.md

Contributors

Thanks goes to these wonderful people (emoji key):

_{Thibault Malbranche} 💻 🤔 👀 📖 🚧 ⚠️ 🚇 💬	_{Jamon Holmgren} 💻 🤔 👀 📖 🚧 ⚠️ 💡 💬	_{Andrei Pfeiffer} 💻 👀 🤔	_{Michael Diarmid} 💻 👀 🤔 🔧	_{Scott Mathson} 💻 📖	_Margaret 💻 📖	_{Jordan Sexton} 💻 📖
_{Malcolm Scruggs} 💻 🔧 ⚠️	_Momazo7u7 📖	_Marco 📖	_{Julien Eluard} 📖	_{Jian Wei} 💻 📖	_{Sergei Butko} 📖	_TMomemt 💻
_{Eric Lewis} 💻 📖	_{Daniel Vicory} 💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT

Translations

This readme is available in:

Brazilian portuguese