Full-featured web browser module for React Native apps, based on TOWebViewController
npm install react-native-browser1. Run npm install react-native-browser --save in your project directory.
- Open your project in XCode, right click on Libraries and click Add Files to "Your Project Name"
- Inside your node_modules, find react-native-browser and add RCTBrowser.xcodeproj to your project.
- Add libRTCBrowser.a to Build Phases -> Link Binary With Libraries
- Whenever you want to use it within your React code, you can: var Browser = require('react-native-browser');
Example:
``js
import {
processColor, // make sure to add processColor to your imports if you want to use hex colors as shown below
} from 'react-native';
// at the top of your file near the other imports
var Browser = require('react-native-browser');
...
// wherever you want to trigger a browser modal appearing
Browser.open('https://google.com/');
// OR pass in options to customize
Browser.open('https://google.com/', {
showUrlWhileLoading: true,
loadingBarTintColor: processColor('#d64bbd'),
navigationButtonsHidden: false,
showActionButton: true,
showDoneButton: true,
doneButtonTitle: 'Done',
showPageTitles: true,
disableContextualPopupMenu: false,
hideWebViewBoundaries: false,
buttonTintColor: processColor('#d64bbd')
});
``
Descriptions of options and their defaults
- [ ] Finish adding all customization options / support callbacks
- [ ] Accessors for webview & url requests
- [ ] Programatic control of loading pages, closing the view, etc