react-native-inapp-browser

A in-App browser for react native based apps using TransitApp/SVWebViewController.

Because there is some dependency problems, I cannot add TransitApp/SVWebViewController as a submodule.

Install

1. npm install react-native-inapp-browser
2. Go to node_modules ➜ react-native-inapp-browser ➜ RCTInAppBrowser
3. Drag RCTInAppBrowser FOLDER into your master project
4. Run your project (Cmd+R)

Basic Usage

import Anchor from 'react-native-inapp-browser';

<Anchor href='http://google.com' color='e67221' line>URL_PLACEHOLDER</Anchor>

Configurations

The <Anchor/> object can take the following props:

Basic Parameters

• href: REQUIRED, the URL of the button.
• color: The shortcut for color attribute, will apply to the text-decoration style and font color.
• line: Adding this will display a underline decoration.

NOTE: If you are using the style props to style this button yourself, I suggest not using the color and line props.

Demo

import Anchor from 'react-native-inapp-browser';

class MyApp extends React.Component {
  render() {
    return (
      <React.View style={{flex: 1, backgroundColor: 'white', alignItems: 'center', justifyContent: 'center'}}>
        <Anchor href='http://google.com'>Open Google.com</Anchor>
      </React.View>
    );
  }
}
React.AppRegistry.registerComponent('MyApp', () => MyApp);

Questions

If something is undocumented here, and it is not clear with you, feel free to create an issue here, I will tried my best to answer you.

Anything else

Feel free to request new features, just create an issue. It will be very welcome to pull request for me.

My email [email protected]

Facebook Dicky Tsang

Sina Weibo @桐乃