Reactネイティブがチャートとの使用を拒否しました

Question

React-Nativeを初めて使用しています。私はAndroid用アプリを開発しています。私はグラフを実装しようとしました...私はnode_moduleをインストールしました反応ネイティブチャートここからhttps://github.com/tomauty/react-native-chart、私は次のコンポーネントを作成しました。チャート。

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> 
     ) 
    } 

} 

グラフコンポーネントを開くべき別のコンポーネントのボタンをクリックするたびに、アプリケーションがクラッシュします。レンダリングメソッドからChartを削除した場合、コンポーネントは正常にロードされ、ボタンのみが表示されます

どうすればよいですか？

Answer 1

Androidで特にアプリケーションクラッシュが発生するのは、ライブラリファイルがない場合です。反応ネイティブチャートを

--save

NPMをインストールOKであるが、これはネイティブコンポーネントはなく、純粋なJSレポを使用するモジュールです。

あなたがmanual linkingまたは使用

rnpmリンク反応するネイティブ・チャート

それとも

反応し、ネイティブリンク反応するネイティブ・チャート

行う必要があります