1.1.0 • Published 6 years ago
xn-input-img v1.1.0
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);