Loading video...

Video Failed to Load

Go Home

Brought this idea into React Native Video + Liquid Glass + a draggable play button Should I drop the code? 👇 #expo #reactnative

mehdi_made's profile picture

Mehdi · Motionary

2,155 subscribers

83,093 views • 10 months ago •via X (Twitter)

#expo#reactnative
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Week 13 of showing what you can do with Expo & WebGPU: Remember the OG iBeer app? I brought it back with real physics and liquid shaders in React Native 🍻 Code below as always 👇
0:16

Week 13 of showing what you can do with Expo & WebGPU: Remember the OG iBeer app? I brought it back with real physics and liquid shaders in React Native 🍻 Code below as always 👇

Błażej Kustra

9,465,485 views • 23 days ago

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇
0:14

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇

Mehdi · Motionary

11,063 views • 7 days ago

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…
0:10

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…

Maaz jr 🦅

12,625 views • 1 month ago

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇
0:14

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,840 views • 1 year ago

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native
0:18

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native

Syed Noman

15,185 views • 1 year ago

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals
0:10

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals

Evan Bacon 🥓

79,353 views • 1 year ago

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:
0:10

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:

Rayan

15,223 views • 1 month ago

Just rebuilt Claude's effort slider in Expo. Skia shaders + Reanimated + RNGH Should I drop the code?
0:15

Just rebuilt Claude's effort slider in Expo. Skia shaders + Reanimated + RNGH Should I drop the code?

Mehdi · Motionary

10,471 views • 3 months ago

POV: your pull-to-refresh got a little out of hand w/ Expo + William Candillon's skia📦 for Appeeky The source code is available at React Native Components for free 👇
0:17

POV: your pull-to-refresh got a little out of hand w/ Expo + William Candillon's skia📦 for Appeeky The source code is available at React Native Components for free 👇

Erencan Arica

15,266 views • 1 month ago

Ever wanted to build a bottom accessory like Apple Music's mini player? It's built right into Expo router's native tabs! Code below 👇
0:18

Ever wanted to build a bottom accessory like Apple Music's mini player? It's built right into Expo router's native tabs! Code below 👇

Nathan Schroeder

58,077 views • 22 days ago

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,336 views • 1 year ago

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated
0:15

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

12,102 views • 8 months ago

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example
0:16

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

kelvin.dart

67,945 views • 1 month ago

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:
0:11

New release of `react-native-bottom-tabs`! 🚀 This one includes a new Expo Config plugin that sets the correct styling for tabs on Android! 🤖 Here is a demo of Expo SDK 52 + Expo Router on New Architecture:

Oskar Kwaśniewski

36,481 views • 1 year ago

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`
0:11

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`

Oskar

82,860 views • 1 year ago