xn-input-img

install

$ npm install xn-input-img --save

Usage

###用法

用法完全和echarts一致，将echarts的option传给组件。option详细属性详见文档

xn-rn-echarts 共暴露了三个属性:

• content (string): 内容源码。
• width (number): 图表的宽度，默认值为其外层容器的宽度。
• height (number): 图表的高度，默认值为400。
• callBack (fun): 图表的高度，默认值为400。

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    DeviceEventEmitter,
    TouchableOpacity
} from 'react-native';
import InputPage from './src/index';

export default class app extends Component {
    render() {
        const content =`<p><img src="../../../../img/home-active.png"></p>`;
        // const option ="张三";
        return (
            <View>
                <InputPage content={content}  height={300}  callBack={this.callBack} />
                <View><Text>数据测试</Text></View>
                <TouchableOpacity onPress={()=>{this.getData()}}><Text>获取数据</Text></TouchableOpacity>
            </View>
        );
    }
    callBack=(message)=>{
        if (message.command === 'setInfo') {
            //返回内容
            console.log("内容");
            console.log(message.payload.html);
        }else if(message.command ==="uploadImg"){
            console.log("上传文件");

            //设置添加图
            DeviceEventEmitter.emit("xnInputImg","../../../../img/home-active.png");

        }
    };
    getData=()=>{
        //发送获取数据命令
        DeviceEventEmitter.emit("xnGetInput");
    }

}

AppRegistry.registerComponent('app', () => app);