反应本机图表工具包响应不起作用

问题描述

我试图响应本机的反应图表，根据那里的文档，如果你想响应图表，你必须把代码放在下面。我检查了其他人的代码，但他们的正在工作。试了好多还是解决不了

import { Dimensions } from "react-native";
const screenWidth = Dimensions.get("window").width;

<LineChart
  data={data}
  width={screenWidth}
  height={220}
  chartConfig={chartConfig}
/>

但我也试过这样

const screenWidth = Dimensions.get("window").width;

<LineChart
          data={{
            labels: ["January","February","march","April","May","June"],datasets: [
              {
                data: [
                  Math.random() * 100,Math.random() * 100,],},}}
          width={screenWidth} // from react-native
          height={220}
        />
    ```

Can anyone help me why it is not working....

解决方法

尝试使用 useWindowDimensions

import { useWindowDimensions } from 'react-native';

const windowWidth = useWindowDimensions().width;
const windowHeight = useWindowDimensions().height;