Skip to content

WebView which sets it's height automatically with minimal efforts

Notifications You must be signed in to change notification settings

scazzy/react-native-webview-autoheight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 

Repository files navigation

React Native WebView Autoheight

React Native WebView which sets it's height automatically with minimal efforts.

You can also add custom CSS style or javascript to your webview using below example.

Downloads

Installation

npm install --save react-native-webview-autoheight

Usage

import MyWebView from 'react-native-webview-autoheight';
const customStyle = "<style>* {max-width: 100%;} body {font-family: sans-serif;} h1 {color: red;}</style>";
const htmlContent = "<h1>This is title</h1><p>Throw your entire HTML here</p>";

<MyWebView
    source={{html: customStyle + htmlContent}}
    startInLoadingState={true}
/>
<MyWebView
    source={{uri: 'http://example.com/helloworld.html'}}
    startInLoadingState={true}
/>

Props

How it works

It is a very simple wrapper around the built-in React Native Webview, which updates the height of the webview based on a state change using onNavigationStateChange.

Feel free to add issues or feature requests

About

WebView which sets it's height automatically with minimal efforts

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published