enesozturk/react-native-ios

iOS UI implementation in React Native with gestures and animations 🍏

React Native iOS

This is a fun project. I have always been impressed with iOS's UI gestures & animations. Previously I developed React Native Hold Menu which I inspired by the iOS messages, applications hold to open menus. This time, I tried to do the whole iOS itself for fun, and the result is awesome!

Stack

• Expo (SDK 44)
• TypeScript
• React Native Reanimated
• React Native Gesture Handler
• Expo Blur for animatable blur component

Want to try?

If you want to try this on your device, you can install and run the app in a few seconds with the following commands;

Install the packages:

yarn install

Start the server

yarn start

You will see a QR code on the terminal, you can scan this QR code with the device which you are on the same network. Or you can start the simulator by pressing i, on the terminal.

Currently app is not working the same with iOS on Android due to some issues with blur view animations and horizontal gesture animations. I may fix it later.

That's it, enjoy 🤞🏽

License

The source code is made available under the MIT license.

Show Your Support

If you like this project, please give a star and follow me on Github for more 🤩

react-native-ios's Issues

yarn install is failing

error An unexpected error occurred: "https://registry.yarnpkg.com/colors/-/colors-1.4.1.tgz: Request failed "404 Not Found"".