flysur/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')

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

compile project(':RNGL')

1. in your MainActivity (or equivalent):

import com.projectseptember.RNGL.RNGLPackage;
...

mReactInstanceManager = ReactInstanceManager.builder()
    .setApplication(getApplication())
    ...
    .addPackage(new MainReactPackage())
    .addPackage(new RNGLPackage())
    ...
    .build();