Back to reels
Game Dev · 22s

Built Flappy Bird from Scratch in React Native

The whole game rebuilt with React Native Skia: gravity, collision detection, scrolling ground, animated clouds and a medal at the end. Skia draws each frame on the GPU instead of re-rendering a component tree, which is why it holds a steady frame rate.

4,900 views22sFeb 15, 2026
Stack
React NativeReanimatedReact Native SkiaGesture HandlerTypeScript
Views
4,900
Duration
22s
Follow
Write-up

About this build

The whole game rebuilt with React Native Skia: gravity, collision detection, scrolling ground, animated clouds and a medal at the end. Skia draws each frame on the GPU instead of re-rendering a component tree, which is why it holds a steady frame rate.

Built Flappy Bird from Scratch in React Native 🐦✨

Smooth 60fps gameplay powered by React Native Skia + physics-based movement with gravity and collision detection 🔥 Features infinite scrolling pipes, animated clouds, wing flap animation, medal scoring system (Bronze/Silver/Gold/Platinum), and high score tracking with “NEW” badge. Stack: React Native • Skia Canvas • Gesture Handler • Reanimated • TypeScript Full game code 👉 anwersolangi.com #reactnative #flappybird #gamedevelopment #2dgame

LIKE WHAT YOU SEE?

I’m available for freelance & contract React Native work — apps, features, UI implementation, you name it.

Read nextReact Native animation examples, with the technique behind each

More React Native UI reels

All 41 reels →