react-native-svg VS react-native-reanimated

React Native SVG: An open-source SVG library.

@wuba/react-native-echarts, An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions. If you want to learn more about the project's design principles, you can click here.

Second solution could be: a view that contains the image and the label, and draw a line with react-native-svg line function. See documentation https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md

Hi, I think this can help you: https://github.com/software-mansion/react-native-svg Is a little bit complicated, but you can create this chart with nice performance :)

perhaps you need to install https://github.com/software-mansion/react-native-svg

I never start from zero when it comes to svg, usually at work I used the one designers provide in figma and I manipulate it in case animations are needed. Fortunately https://github.com/software-mansion/react-native-svg has a declarative way to work with svg in conjunction to SVGR you can manipulate existing svgs.

but disappear before screen change. related

Supports Animation: Tamagui leverages the popular open-source library — Moti as a reanimated driver for animation libraries such as react-native-reanimated and React Native Animated.

FYI react-native-reanimated (https://github.com/software-mansion/react-native-reanimated) is not the Animated API from React Native. react-native-reanimated allows JS code to run on a UI thread that is able to synchronously modify layout, providing alternative synchronous ways for you to hook into the layouting. For instance, as opposed to the asynchronous `measure()` method provided by React Native to measure layouts, react-native-reanimated allows one to call their version of `measure()` (https://docs.swmansion.com/react-native-reanimated/docs/api/...) to perform the same operation on the UI thread, synchronously.

By using libraries like Reanimated, React Native MMKV, and React Native Skia, you leverage the native thread. However, I know there are developers building amazing things who think outside the box. I'm always thrilled when I read engineering blogs from companies like Netflix, Meta, and Shopify. They create solutions beyond the limits.

Currently having issues with reanimated (expo installs 2.14.4). My app will crash randomly – possibly linked to these issues here and here.

Reanimated is probably what you're looking for. https://docs.swmansion.com/react-native-reanimated/

One of is: https://github.com/software-mansion/react-native-reanimated/issues/2327

use third party lib that is a beast, but will require a lot of work and upfront knowledge (https://docs.swmansion.com/react-native-reanimated/)

Catalin Miron is also good. Reanimated 2 animations are still relevant. I also would suggest reading the reanimated docs here. That's how I find my way around.