Home

Awesome

This repository hosts the v2 of gl-react. Please also see the v3 at https://github.com/gre/gl-react

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

<img width="32" alt="icon" src="https://cloud.githubusercontent.com/assets/211411/9813786/eacfcc24-5888-11e5-8f9b-5a907a2cbb21.png"> 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

doc

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')
  1. android/app/build.gradle: Add in dependencies block.
compile project(':RNGL')
  1. in your MainApplication (or equivalent) the RNGLPackage needs to be added. Add the import at the top:
import com.projectseptember.RNGL.RNGLPackage;
  1. 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()
  );
}