reactjs – How do I implement animations to svg icons in react native tab navigation?

I am developing an app with Expo and React native (following the expo tutorial), and I wanted to do a scaling and opacity animation on the tab icons, to change not the color, but those properties. I’m not sure how to do it, some places say that Moti could help me, but I got countless errors trying to install it, if I try using

npm i moti/npx expo install moti 

I get an error that a specific repo doesn’t exist anymore, and if I try

using npm i [github.repo.link]

it gets stuck in a percentage and then gives out another error, so I tried resorting to react-native-reanimated, but I’m not having any luck either.

So if anyone can help in either giving a solution to install Moti or using a native lib (or recommending another), I’d be very grateful.

Below is a screenshot of the app in the expo tutorial, showing the tab with two icons

enter image description here

Read more here: Source link