Skip to main content

Plugins

Overview

ReNative Supports standard community driven react-native plugins you can use to enhance the functionality of your apps:

Get list of all available community plugins. (NOTE you can always add new one manually into one of the renative.json files)

$ rnv plugin list

you should get colorised overview similar to this:

add new plugin to your project:

$ rnv plugin add

and follow the command prompt steps

Update your current plugins with latest ones from ReNative

$ rnv plugin update

and follow the command prompt steps

Plugin CLI Reference

see: CLI API Reference

Plugin Renative Config Reference

see: Config API Reference

Custom Plugin Support

You can configure multiple React Native plugins without need to update project blueprints. default location of plugin configs is ./renative.json

Example:

{
"plugins": {
"renative": "source:rnv",
"react": "source:rnv",
"react-art": "source:rnv",
"react-dom": "source:rnv",
"react-native": "source:rnv",
"react-native-web": "source:rnv",
"react-native-web-image-loader": "source:rnv",
"react-native-gesture-handler": "source:rnv",
"react-navigation": "source:rnv",
"react-navigation-tabs": "source:rnv",
"react-native-reanimated": "source:rnv",
"react-native-vector-icons": "source:rnv"
}
}

You can also customise default plugin configuration:

{
"plugins": {
"react-native-gesture-handler": {
"version": "0.1.0",
"ios": {
"podName": "RNGestureHandler",
"path": "node_modules/react-native-gesture-handler"
},
"android": {
"package": "com.swmansion.gesturehandler.react.RNGestureHandlerPackage",
"path": "node_modules/react-native-gesture-handler/android"
}
}
}
}

Support for static frameworks (iOS/tvOS only)

Some cocoapod dependecies required library to be imported as static one. you can configure it for each plugin separately

{
"plugin-name": {
"ios": {
"isStatic": true
},
"tvos": {
"isStatic": true
}
}
}

Adapt 3rd party plugins to support rnv

You can adapt existing plugin to support rnv projects

"some-plugin": {
"version": "0.1.0",
"no-npm": true,
"androidtv": {
"implementation": "debugImplementation(name:'Example', ext:'aar')\nreleaseImplementation(name:'ExampleProduction', ext:'aar')",
"mainApplication": {
"imports": ["import com.example.Example"],
"createMethods": [
"Example.init(this)"
]
},
"BuildGradle": {
"allprojects": {
"repositories": {
"flatDir { dirs 'libs' }": true
}
}
},
"AndroidManifest": {
"children": [
{
"tag": "application",
"android:name": ".MainApplication",
"children": [
{
"tag": "meta-data",
"android:name": "com.example.ApiKey",
"android:value": "@[email protected]"
}
]
}
]
}
},
"tvos": {
"podName": "ExampleInstrumentalApplication",
"appDelegateImports": [
"ExampleInstrumentalApplication"
],
"appDelegateMethods": {
"application": {
"applicationDidBecomeActive": [
"ExampleInstrumentalApplication.instance.start()"
]
}
},
"plist": {
"Example": {
"APIKey": "@[email protected]"
}
},
"xcodeproj": {
"buildPhases": [
{
"shellPath": "/bin/sh",
"shellScript": "\"${PODS_ROOT}/Example/run\" @[email protected]"
}
]
}
}
}
},