wcandillon / react-native-gestures-and-animations-workshop

Learn React Native Gestures and Animations

Materials from the declarative gestures and animations workshop for freeCodeCamp.

Install

$ yarn install

Run

$ yarn start

Code Along

Each example contains the full source code as well as the boilerplate files in case you want to code along with the video. In the transitions lessons, for instance, the code is available in src/Transitions. To use the boilerplate, go to src/Transitions/index.ts and replace

export { default } from "./TransitionsFinal";

with

export { default } from "./Transitions";

Questions?

Feel free to post issues to this repository if you have any questions.

Dig Deeper

Checkout my online course at https://start-react-native.dev/

Happy Hacking 🎉

react-native-gestures-and-animations-workshop's Issues

LoadAssets.tsx problem

hello
I just followed your tutorial video and pasted LoadAssets.tsx
I got some problem
How do I solve this problem?

Resizing of Cards and Images during transitions are not smooth

While following the video tutorial and also when copy/pasting directly from course material, my transitions are not smooth. 1. The Image size within the cards seem to not be tied to the container of card. 2. The movement animations seem smooth but the resizing of the cards during the animation are not. 3. Also, the corners of the cards seem to lose their radius for a moment.

EDIT: Ive noticed this question has already been asked and so I will close this issue.

error when loading fonts

Hi,

Thanks for sharing this template. It is super helpful! I am following you on youtube.

When I try to load the fonts, there is error: fontFamily 'SFProText-Bold' is not system font and has not been loaded through Font.loadAsync. Using the same package versions and tested with android.

Do you have any idea how that happened and how to solve it?

Greetings also from Switzerland.

Error while loading assets

Hello Sir,
Can you please help to solve this.

Update Expo SDK, babel plugins

As of 17 Sep 2022, I followed your Youtube tutorial (https://www.youtube.com/watch?v=wEVjaXK4sYQ) and just wanted to note the problems I encountered while trying to code along and the solutions that had worked for me. Hope this is helpful for other people.

1. Expo SDK 37.0.0 no longer supported by Expo Go.

• Run expo update 46.0.0 to update the SDK to the latest available version

2. Babel plugins - encountered error detailed here:

• solution in the stackoverflow worked for me

Errors when loading fonts

Hi,

Thanks for sharing this template. It is super helpful! I am following you on youtube.

When I try to load the fonts, there is error: fontFamily 'SFProText-Bold' is not system font and has not been loaded through Font.loadAsync. Using the same package versions and tested with android.

Do you have any idea how that happened and how to solve it?

Greetings also from Switzerland.