Javascript 拒绝使用图表

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,

我对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,
    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试一下下面我的答案