should we add this to the bluesky app
Beto@codewithbeto.dev· 12 Jun 2025I made a video explaining, step by step, how to implement the new Liquid Glass bottom tabs in your Expo app!
Link: youtu.be/L5f8Gy91Gv4
Beto@codewithbeto.dev· 12 Jun 2025Samuel
@samuel.fm
I really wanna but I know I’d never get it past code review lmaooo
5 34Samuel@darrin.bsky.team pls let me
1 16
WiredfireNooooope.. there’s a reason people call it “liquid ass”. I’ve turned off auto updates and will stick on iOS 18 as long as I safely can.
2 8SamuelI don’t call it that. I think it looks cool
2 18WiredfireI dislike how it starts to obscure screen space that was previously clear. As a design philosophy I heartily object to at least core apps having their easily accessed functionality dumbed down hiding the useful stuff under more taps. It looks dated (we moved away from skeuomorphic UI 10+ years back)
3 3WiredfireFrom a UX point of view it’s a massive backward step & is going to be needlessly disruptive to a lot of users who depend on Apples (fading?) reputation for good usability.
1 3WiredfireApple have always, in the last couple of decades at least, sucked at big change. Apple is at its best when it iterates. Apple doesn’t innovate well. At all. That’s their strength - they let everyone else throw crap at the wall and watch to see what sticks then do it better. This is not better
1
ddouglas 💎 🇺🇦 🦋 It's confusing. What exactly is it doing and why?
Fruity Koala 🎄I thought the same but after trying out the Beta it’s better ‘in-person’
1 1WiredfireHaving given the beta a spin on a test phone I have to disagree 😉
haileycan you turn off the fucking magnifying glass shit when you switch tabs?
5 13
hailey@darrin.bsky.team managed to make it look pretty nice for the tab bar itself at least
1 10
Darrin Loeliger
Samuel
SamuelI also have a crazy concept in my head where it looks more the Safari nav. The left item would be the app navigation, the right item would be New Post, and the center pill would be your current Feed. swipe up on it to change!
I bet I could get @pfrazee.com on board because he loves making browsers
1 2 24
P(aul) Frazeedo it bro
1 19P(aul) Frazeedo it you wont
3 24Samuelit’s on bro
3 21
Kuba Suder 🇵🇱🇺🇦No don't do it 🙅🏻♂️
1
shreyan (wise)i dig this idea cause i dig browsers as a concept
4
jordan silver 🔵i believe the rightmost placement is specifically for a search function given how it is presented on apples otherwise generic guidelines developer.apple.com/design/human... and how it expands on apps like the app store
Samuelsure, but it doesn’t have to be! I’m quite fond of this layout
Thomas Ricouard@dimillian.app· 11 Jun 2025Picture this
jordan silver 🔵you could probably use the accessory view thing for a feed carousel, and somehow work the compose button into that
Samuel@samuel.fm· 5 Aug 2025I also have a crazy concept in my head where it looks more the Safari nav. The left item would be the app navigation, the right item would be New Post, and the center pill would be your current Feed. swipe up on it to change!
I bet I could get @pfrazee.com on board because he loves making browsers
jordan silver 🔵see also the safari tab groups picker
1jordan silver 🔵(hasn’t watched the tutorial video, does not write or know react native) i am wondering if the whole “liquid glass buttons morph to form menus” expectation will cause problems with whatever mix of native and RN components will be used to do this
Rusta BhymesI think that’s unsupported by the native bottom tabs :( Really sad it’s reserved for search only. Would be nice with custom actions.
midwest emo fanlmao at least make search rightmost. new post would be cool but youd really want a native modal in that case
2Kuba Suder 🇵🇱🇺🇦Dammit I was working on a PR for you to make that tab bar have more normal height on Touch ID phones 😅
Kuba Suder 🇵🇱🇺🇦@mackuba.eu· 17 Jan 2025Is it just me or is the toolbar of the Bluesky mobile app too big?…
Might be another one of those things that makes people say "this app doesn't feel native" 🤔
Kuba Suder 🇵🇱🇺🇦![<Animated.View
style={[
styles.bottomBar,
pal.view,
hideBorder ? {borderColor: pal.view.backgroundColor} : pal.border,
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 60)},
footerMinimalShellTransform,
]}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oio4hkxaop4ao4wz2pp3f4cr/bafkreih6titryoddpuhdqz2nrkqb4qvwsaavlbam7qagfwntoup5givt6y "<Animated.View
style={[
styles.bottomBar,
pal.view,
hideBorder ? {borderColor: pal.view.backgroundColor} : pal.border,
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 60)},
footerMinimalShellTransform,
]}")
Samuelyeah could probably delete that no problem
1 4Kuba Suder 🇵🇱🇺🇦I tracked that line down to a commit made by Paul in 2022 or very early 2023 :D
1 4P(aul) Frazeeas good now as it was then
1 4
Alessio MaffeisThis is so much more usable than the actual thing (in its current beta state, I still have some hope for the final release) 🥲
BluewallYes, a thousand time yes
Eshu MarneediYes. Yes!
Ante & ᓚᘏᗢNo.
Rusta BhymesThis is my current approach in react native. Using a custom liquid glass view as an absolute fill background.
midwest emo fan*ahem* no
4
Olivier Simard-CasanovaI actually like that part very much
Christopher Jr RileyThere might be an accessibility option to do that, or at the very least, the "reduce animations" option might make it where it doesn't do that.
Gregor SamosaLGTM!!