rokid-frame-animation-rn

#rokid-frame-animation-rn

Installation

npm i --save rokid-frame-animation-rn

on Android:

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

include ':RNFA'
project(':RNFA').projectDir = file('../node_modules/rokid-frame-animation-rn/android/frame-animation-react-native')

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

compile project(':RNFA')

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

import com.leolang.frame_animation_react_native.FrameAnimReactPackage;

####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 FrameAnimReactPackage()
  );
}

Usage

###js

var FrameAnim = require('./node_modules/rokid-frame-animation-rn/frameanim');

/* 
 * action = 'start' or 'stop'
 * frameAnimFile is the android animation xml file
 */
<FrameAnim style={{width:640,height:480}} action = 'start' frameAnimFile = 'hotel_tts_frame' oneshot = {false}></FrameAnim>

###android

在MainActivity中修改为你的server ip和端口

frame animation source preload

##sample

###android/app & index.android.js