Liquid Glass Bottom Tabs with React Native Expo - Step by Step
Beto, June 12, 2025 · 38,689 views
Liquid Glass is the most striking UI change iOS has had in years, and you can bring it to your Expo app with native bottom tabs. Icons flip from black to white based on what's behind them, all handled at the native level with zero blur code on your end. I build it step by step in the video.
What's inside
- Installing and the React Navigation packages
- Configuring Expo plugins and build properties for static linking
- Creating a development build with
- Swapping Expo Router tabs for native bottom tabs
- Picking tab icons from Apple's SF Symbols with autocomplete
- Dark mode support for free, no color scheme code needed
Resources
CourseReact Native course
Go deeper in the Expo Router section: 115 minutes on file routing, auth flows, and liquid glass tabs.
Had a win? Get featured on Code with Beto.Share your story
Like this article? Get the rest of the library plus weekly React Native tips. Free.