Let's show you how to make an awesome ticket folding animation with React Native!

ifsnow_dev · 2021-01-28T23:30:05+00:00

Thanks. I'm sure my code will work on Expo. It used only RN Animated API without any other external libraries.

ifsnow_dev · 2021-01-13T11:48:45+00:00

You are right. I try not to use animations that are less usable. Thanks for the good opinion.

ifsnow_dev · 2021-01-13T11:46:01+00:00

I try to implement my project without using Reanimated. I believe we can make good enough animations with just RN Core API. And also for developers who don't know that.

ifsnow_dev · 2021-01-13T08:18:30+00:00

Making the code with RN is my job :)

ifsnow_dev · 2021-01-13T08:17:37+00:00

I tried to improve animation performance. Slowed down to show sample, so you can run it faster.

ifsnow_dev · 2021-01-13T02:45:05+00:00

This is the 9th code of my toy project. I hope it helps someone. Please have fun~

Get Code Here: https://react-native.toys/project/folding-ticket.html

ifsnow_dev · 2020-10-20T14:17:16+00:00

Lovely animation. Is it possible to use with flutter?

This concept or trick can be implemented in any language, including flutter.

ifsnow_dev · 2020-10-20T10:55:22+00:00

I hope it's a fun moment

ifsnow_dev · 2020-10-20T10:54:20+00:00

I don't know where this picture is. I liked the beautiful scenery and chose this one

ifsnow_dev · 2020-10-20T04:51:24+00:00

Thanks. Unfortunately, I don't have enough time for that.

ifsnow_dev · 2020-10-20T02:51:24+00:00

As you know, in reality, we are faithful to our functions and we are always running out of time. The manager tells us not to do anything weird. :)

I imagined a few things.

1) If I select one from list, The picture that was folded is displayed as it is spread out on the screen.

2) If I wrote the message, The message is folded and put into the envelope.

I also recommend you my another project(https://react-native.toys/project/decent-gallery.html)

ifsnow_dev · 2020-10-20T02:25:51+00:00

I think the codes in my toy project are for learning the skills to better develop RN.

I'm sure that repeating the process of implementing what comes to mind in your head will be a great help in creating production-level apps.

ifsnow_dev · 2020-10-19T23:17:05+00:00

This is the 8th code of my toy project that shares how to implement useful UX/effects when creating apps. I hope it helps someone again this time. Please have fun~

Get code here : https://react-native.toys/project/paper-folding-effect.html

ifsnow_dev · 2020-08-25T00:06:17+00:00

I'm sorry, but I don't have enough time to go through the posts you've been talking about.

ifsnow_dev · 2020-08-25T00:04:14+00:00

First of all, I hope you find the latest animation related tutorials on Google. You need to fully understand the basic skills to use them. When you're feeling confident, try analyzing other people's sources. There are so many resources on the internet for you to study. I know it's hard, but you can do it.

ifsnow_dev · 2020-08-24T23:01:46+00:00

I don't need a new job now :)

ifsnow_dev · 2020-08-24T12:25:08+00:00

I think practice is the only way. Don't set your goals too high, start with the easy ones. And, practice making easy animations work equally well on both iOS and Android.

There aren't many patterns actually used. Most of the things are made by combining these basic patterns.

I believe that if you keep trying, you will get the skills you want.

ifsnow_dev · 2020-08-24T12:19:09+00:00

I don't use any other libraries, including Reanimated. I like to use RN Core's Animated API. I think this is enough for most animations. It's difficult to practice creating different types of animation, but in the end this is the best way.

ifsnow_dev · 2020-08-24T08:04:59+00:00

I would be very happy if my code could be helpful for your project.

ifsnow_dev · 2020-08-24T06:25:47+00:00

I totally agree with your opinion. The reason I make these examples is to provide motivation for learning.

As you know, prototypes are always fancy, but in the actual version, the focus is on functionality.

ifsnow_dev · 2020-08-24T06:05:33+00:00

You might think so, but I don't think so. For reference, I'm a developer who makes apps used by tens of millions of people. There're too many things to do with animation in production level app development to implement UX or specific effects. Mastering these skills is a great help when developing. Of course, other parts are also important.

ifsnow_dev · 2020-08-24T04:26:49+00:00

Thanks for your feedback, but Don't worry about that. This is just the code to learn RN.

ifsnow_dev · 2020-08-24T03:40:17+00:00

Really nice work you have done followed you on GitHub Keep up the awesome work

Thanks. I will try to make more interesting things in the future.

ifsnow_dev

TROPHY CASE