No Description
iou90 8eea535664 update readme & demo; 7 years ago
android update version to 0.0.14; add support for android version below kitkat; more reliable height update when changing source (android); update example; 7 years ago
autoHeightWebView add animation; update example rn version to 0.43.4; 7 years ago
demo update readme & demo; 7 years ago
.gitignore autoheightwebview; disable scrollbar in android webview; 7 years ago
README.md update readme & demo; 7 years ago
package.json add animation; update example rn version to 0.43.4; 7 years ago
yarn.lock change html property to source (now can use uri as webview source); make background color transparent by default; update version to 0.1.2 7 years ago

README.md

react-native-autoheight-webview

An auto height webview for React Native.

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

android

react-native link react-native-autoheight-webview

showcase

react-native-autoheight-webview ios  react-native-autoheight-webview android

usage

<AutoHeightWebView
    enableAnimation={true},
    // only works on enable animation
    animationDuration={255},
    onHeightUpdated={height => console.log(height)}
    // or uri
    source={{ html: `<p style="font-weight: 400;font-style: normal;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">Tags are great for describing the essence of your story in a single word or phrase, but stories are rarely about a single thing. <span style="background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));">If I pen a story about moving across the country to start a new job in a car with my husband, two cats, a dog, and a tarantula, I wouldn’t only tag the piece with “moving”. I’d also use the tags “pets”, “marriage”, “career change”, and “travel tips”.</span></p>` }}
    // use local or remote files
    files={[{
        href: 'cssfileaddress',
        type: 'text/css',
        rel: 'stylesheet'
    }]}
    // change script (have to change source to reload on android)
    customScript={`document.body.style.background = 'lightyellow';`} />