라이브러리 - Victory Native

Victory Native

 

✅ 설치

---

npm install react-native-reanimated react-native-gesture-handler @shopify/react-native-skia

 

<babel.config.js>

Reanimated는 babel 플러그인 없으면 100% 에러 남

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      'react-native-reanimated/plugin', // 반드시 맨 마지막
    ],
  };
};

 

npm i victory-native

 

https://nearform.com/open-source/victory-native/docs/getting-started

 

 

✅ Legacy 버전 설치

---

https://nearform.com/open-source/victory/docs/introduction/native

 

<Container>
      {victoryData ? (
        <VictoryChart height={360}>
          <VictoryLine
            animate
            interpolation={"monotoneX"}
            data={victoryData}
            style={{ data: { stroke: "#1abc9c" } }}
          />
          <VictoryScatter
            animate
            data={victoryData}
            style={{ data: { fill: "#1abc9c" } }}
          />
        </VictoryChart>
      ) : null}
    </Container>