Skip to content
This repository was archived by the owner on Oct 26, 2019. It is now read-only.

dstaley/react-native-chrome-custom-tabs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-chrome-custom-tabs

Demo of Chrome Custom Tabs in React Native

Installation

  1. npm install --save react-native-chrome-custom-tabs
  2. Add the following to android/settings.gradle:
include ':ReactNativeChromeCustomTabs', ':app' project(':ReactNativeChromeCustomTabs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-chrome-custom-tabs/android') 
  1. Add compile project(':ReactNativeChromeCustomTabs') to dependencies in android/app/build.gradle
  2. Import and register the module in your MainActivity.java file:
import com.dstaley.ReactNativeChromeCustomTabs.ChromeCustomTabsPackage; // <-- Import public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler { private ReactInstanceManager mReactInstanceManager; private ReactRootView mReactRootView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mReactRootView = new ReactRootView(this); mReactInstanceManager = ReactInstanceManager.builder() .setApplication(getApplication()) .setBundleAssetName("index.android.bundle") .setJSMainModuleName("index.android") .addPackage(new MainReactPackage()) .addPackage(new ChromeCustomTabsPackage(this)) // <-- Register .setUseDeveloperSupport(BuildConfig.DEBUG) .setInitialLifecycleState(LifecycleState.RESUMED) .build(); mReactRootView.startReactApplication(mReactInstanceManager, "DemoReactNativeCustomTabs", null); setContentView(mReactRootView); }

Usage

var ChromeCustomTabsClient = require('react-native-chrome-custom-tabs'); // Tell Chrome to preload a URL ChromeCustomTabsClient.mayLaunchUrl('http://i.imgur.com/6ogeF96.gif'); // Launch a Custom Tab ChromeCustomTabsClient.launchCustomTab('http://i.imgur.com/xjdem.gif');

License

MIT

About

Use Chrome Custom Tabs from React Native on Android

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published