krait-yxin / gl-react-native

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm

Gitbook documentation / Github / gl-react / #gl-react on reactiflux

gl-react-native

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm.

gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README for more information.

Documentation

Gitbook

Installation

npm i --save gl-react-native

Configure your React Native Application

on iOS:

or if you use Cocapods:

pod 'RNGL', :path => './node_modules/gl-react-native'

on Android:

1. android/settings.gradle:: Add the following snippet

include ':RNGL'
project(':RNGL').projectDir = file('../node_modules/gl-react-native/android')

2. android/app/build.gradle: Add in dependencies block.

compile project(':RNGL')

3. in your MainActivity (or equivalent) the RNGLPackage needs to be added. Add the import at the top:

import com.projectseptember.RNGL.RNGLPackage;

4. In order for React Native to use the package, add it the packages inside of the class extending ReactActivity.

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
	new MainReactPackage(),
	...
	new RNGLPackage()
  );
}