Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/d-a-n/react-native-webbrowser

A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.
https://github.com/d-a-n/react-native-webbrowser

Last synced: 2 months ago
JSON representation

A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.

Lists

README 

        
# 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



```sh

npm i react-native-webbrowser --save

```



## Usage



Here is an extensive overview of the component usage.



```jsx



class SampleApp extends Component {

    render() {

        return (

            

            

                

                

            

        );

    }

}

```



## Props



* `url - string` required, web address

* `hideAddressBar - bool` optional, hides the address bar / address input

* `hideStatusBar - bool` optional, hides the status bar / site title

* `hideToolbar - bool` optional, hides the toolbar (nav bar)

* `hideHomeButton - bool` optional, hides just the home button from the toolbar

* `hideActivityIndicator - bool`optional, hides the activity indicator (loading) overlay 

* `foregroundColor - string` optional, sets the forground color of text and icon elements

* `backgroundColor - string` optional, sets the background color

* `onNavigationStateChange - function(navState)` optional, url change callback

* `onShouldStartLoadWithRequest - function(event)` optional, return false if the request should be stopped



## Screenshots