1

私は反応ネイティブの世界が初めてです。この lib/component( react-native-chart-android ) を反応ネイティブ android プロジェクトに統合するにはどうすればよいですか? 彼の例は私のローカル プロジェクトではうまくいかないようです。

ローカル Android プロジェクトに以下のコードを追加する方法がわかりません。私は最新の反応ネイティブバージョンを使用しています。彼がしたようにモジュールを登録させてくれる場所はありません（MainActivity.javaセクションにモジュールを登録してください）。この行を MainApplication.java に追加しました

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
      new MainReactPackage(),
          new MPChartPackage()// <------ add this line to yout 
  );
}

};

そして、LineChart.android.js、Button.js、TitleBar.js、LineChart.js を index.android.js と同じレベルにコピーしました。

また、次のように index.android.js にいくつかの js コードを追加しました。

    import LineChart from './LineChart'
    const ROUTES = {
      lineChart:LineChart
    };

  render() {
    return (
      <Navigator
        initialRoute={{name: 'lineChart'}}
        renderScene={this.renderScene.bind(this)}
        configureScene={() => Navigator.SceneConfigs.FloatFromRight}/>
    );
  }
}

デバイスで Android アプリを実行すると、例外またはエラーが発生した空白のページがデバイスに表示されます。

なにか提案を？

4

1 に答える 1

2

js ファイルをどこかにコピーする必要はありません。gradle の変更と MainApplication.java の変更が完了したと仮定すると (そうです、最近変更されたため、彼の例とは別の場所にあります)、これを行うだけで済みます。

import { BarChart } from 'react-native-chart-android';

{...}

render() {
    return (
        <BarChart style={{flex: 1}} data={this.getDate()} />
    );
}

{...}

getData は、github ページで提供されている例のメソッドであると見なされます。

于 2016-07-15T11:33:00.413 に答える