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: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/d-a-n/react-native-webbrowser
• Owner: d-a-n
• License: mit
• Created: 2016-02-24T20:35:57.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-06-21T00:12:25.000Z (over 8 years ago)
• Last Synced: 2024-04-25T00:52:05.266Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 625 KB
• Stars: 201
• Watchers: 9
• Forks: 74
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-webbrowser ★167 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps. (Components / UI)
• awesome-reactnative-ui - react-native-webbrowser - platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.|<ul><li>Last updated : This week</li><li>Stars : 174</li><li>Open issues : 10</li></ul>|| (Others)
• awesome-react-native - react-native-webbrowser ★167 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps. (Components / UI)
• awesome-reactnative-ui - react-native-webbrowser - platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps.|<ul><li>Last updated : This week</li><li>Stars : 174</li><li>Open issues : 10</li></ul>|| (Others)
• awesome-react-native - react-native-webbrowser ★167 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps. (Components / UI)
• awesome-react-native-ui - react-native-webbrowser ★80 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps. (Components / UI)
• awesome-react-native - react-native-webbrowser ★167 - A cross-platform (iOS / Android), full-featured, highly customizable web browser module for React Native apps. (Components / UI)

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