Javascript 拒绝使用图表
我对React Native很陌生,我正在为Android开发一款应用程序。我试着实现一个图表。。。我从这里安装了node_模块react本机图表,并编写了以下组件,与图表入门教程的使用部分中提供的组件类似Javascript 拒绝使用图表,javascript,android,node.js,react-native,Javascript,Android,Node.js,React Native,我对React Native很陌生,我正在为Android开发一款应用程序。我试着实现一个图表。。。我从这里安装了node_模块react本机图表,并编写了以下组件,与图表入门教程的使用部分中提供的组件类似 import React, {Component, PropTypes} from 'react'; import Button from 'react-native-button'; import Chart from 'react-native-chart'; import {View,
import React, {Component, PropTypes} from 'react';
import Button from 'react-native-button';
import Chart from 'react-native-chart';
import {View,
Picker,
StyleSheet,
Text,
Navigator,
TouchableHighlight}
from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'white',
},
chart: {
width: 200,
height: 200,
},
});
const data = [[
[0, 1],
[1, 3],
[3, 7],
[4, 9],
]];
export default class Chart extends Component{
constructor(){
super()
}
render() {
return (
<View style={styles.container}>
<Chart
style={styles.chart}
data={data}
verticalGridStep={5}
type="line"
showDataPoint={true}
color={['#e1cd00']}
/>
<Button
style={{fontSize: 20, color: 'red'}}
styleDisabled={{color: 'red'}}
onPress={() => this.props.navigator.pop()}>
Back
</Button>
</View>
)
}
}
import React,{Component,PropTypes}来自'React';
从“反应本机按钮”导入按钮;
从“反应本机图表”导入图表;
导入{视图,
皮克,
样式表,
文本,
领航员,
TouchableHighlight}
从“反应本机”;
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
对齐项目:“居中”,
背景颜色:“白色”,
},
图表:{
宽度:200,
身高:200,
},
});
常数数据=[[
[0, 1],
[1, 3],
[3, 7],
[4, 9],
]];
导出默认类图表扩展组件{
构造函数(){
超级()
}
render(){
返回(
this.props.navigator.pop()}>
返回
)
}
}
每当我从我的另一个组件中点击按钮打开图表组件时,应用程序就会崩溃。如果我从render方法中删除图表,组件将很好地加载,只显示按钮
我该怎么办?应用程序崩溃,特别是在Android中,是由于缺少库文件造成的 npm安装反应本机图表--保存 可以,但这是一个使用本机组件的模块,而不是纯js repo 你应该做一个测试或使用 rnpm链接反应本机图表 或 反应本机链接反应本机图表
分享错误的样子pls@FacundoLaRocca我只包含了组件,因为屏幕上没有提供错误。。。当我单击应该启动图表组件的按钮时,应用程序崩溃,留下一个对话框,上面写着“不幸的是,AppName已停止”。但是,如果我从render方法中取出图表,组件将按应该的方式加载。您是否尝试过我的答案?让我知道它是否有效。是的,我试过了。“我也在做同样的事情。”SimpleFuzz试一下下面我的答案