1.0.36 • Published 5 years ago
rn-webbrowser-with-back v1.0.36
rn-webbrower-with-back
I am using the https://github.com/fahadhaq/react-native-webbrowser modified on top of it to consume default webview props for webview. Credit goes to https://github.com/d-a-n/react-native-webbrowser https://github.com/magrinj/react-native-webbrowser https://github.com/fahadhaq/react-native-webbrowser
A cross-platform (iOS / Android), full-featured in-app web browser component for React Native that is highly customizable. Currently you can hide the address-, status- and toolbar. Additionally the foreground and background colors can be modified.
Install
npm i rn-webbrower-with-back --save
Usage
Here is an extensive overview of the component usage.
class SampleApp extends Component {
render() {
return (
<View style={{ paddingTop: 20, flex: 1 }}>
<Webbrowser
url="https://your-url.com"
hideRefreshButton={false}
hideToolbar={false}
hideAddressBar={false}
hideStatusBar={false}
foregroundColor={"#efefef"}
backgroundColor={"#333"}
webviewProps={{}}
/>
</View>
);
}
}
Props
url - string
required, web addresshideAddressBar - bool
optional, hides the address bar / address inputhideStatusBar - bool
optional, hides the status bar / site titlehideToolbar - bool
optional, hides the toolbar (nav bar)hideRefreshButton - bool
optional, hides just the refresh button from the toolbarhideActivityIndicator - bool
optional, hides the activity indicator (loading) overlayforegroundColor - string
optional, sets the forground color of text and icon elementsbackgroundColor - string
optional, sets the background coloronNavigationStateChange - function(navState)
optional, url change callbackonShouldStartLoadWithRequest - function(event)
optional, return false if the request should be stoppedwebviewProps - object
- optional, props for webviewhttps://facebook.github.io/react-native/docs/webview.html
(please look for documentation)
Screenshots
1.0.36
5 years ago