如何在React Native中创建响应线图形

npm install react-native-svg
npm install react-native-svg-charts

import React from 'react';
import { LineChart } from 'react-native-svg-charts';
import { View } from 'react-native';

const data = [10, 15, 7, 20, 12, 8, 16, 25, 20, 14, 18, 10]; // 示例数据

const LineChartComponent = () => (
  <View style={{ height: 200, padding: 20 }}>
    <LineChart
      style={{ flex: 1 }}
      data={data}
      svg={{ stroke: 'rgb(134, 65, 244)' }}
      contentInset={{ top: 20, bottom: 20 }}
    />
  </View>
);

export default LineChartComponent;

import React from 'react';
import { View } from 'react-native';
import LineChartComponent from './LineChartComponent';

const App = () => (
  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <LineChartComponent />
  </View>
);

export default App;