React Native Webview Android screenshot

React Native Webview Android

Author Avatar Theme by Lucasferreira
Updated: 6 Jul 2018
356 Stars

Simple React Native Android module to use Android's WebView inside your app

Categories

Overview

The react-native-webview-android module is designed to enable the use of Android’s WebView within a React Native app, with added experimental support for handling file uploads in forms. This module provides a way to include web content seamlessly in Android applications created with React Native.

Features

  • Android WebView Integration: Incorporate Android’s WebView into your React Native app.
  • File Upload Support: Experimental feature to handle file uploads in HTML forms.
  • onShouldStartLoadWithRequest Implementation: Working implementation with limited event data.
  • HTML File Input Handling: Experimental support for handling file input in HTML forms.
  • Video Player Compatibility: Tips for optimizing HTML5 video playback within WebView.
  • MIT License: Distributed under the MIT License for open-source usage.

Installation

To add the react-native-webview-android module to your Android project, follow these steps:

  1. Add the module to your android project.
  2. Update the android/setting.gradle file.
  3. Include the module in android/app/build.gradle.
  4. Register the module in MainApplication.java for React Native versions 0.29 and above.
  5. For older versions, refer to specific installation instructions.

Summary

The react-native-webview-android module offers seamless integration of Android’s WebView in React Native apps, along with experimental features like file upload support in HTML forms. It provides essential functionalities for incorporating web content and optimizing video playback within WebView components. With easy installation steps and an open-source MIT License, this module caters to developers looking to enhance the web capabilities of their Android apps built using React Native.