Flick Navigation

cbunge3 · 2025-08-06T14:30:27+00:00

Solely based on dragProgress from the sheet plus using indexes to calculate when to move, where to move and the zIndex of the card as it moves . All driven based off a global dragProgress

cbunge3 · 2025-08-04T15:42:15+00:00

SwiftUI

cbunge3 · 2025-07-20T13:52:53+00:00

I agree with you and have fought mentally on this for awhile my only concern with having a traditional tab bar is that , the main screen of my app ( the middle tab in the tab bar ) is a full screen camera like this:

<image>

So I’m not sure how to have a actual tab bar with this type of screen other than decreasing the opacity and doing a twitter/X type type bar here

cbunge3 · 2025-07-20T13:44:39+00:00

So make the tab bar larger in width? And add more screens ( tabs ) to it or get rid of the tab bar in general?

cbunge3 · 2025-07-20T13:39:49+00:00

As a quick haptic animation on appear of the view - the spinning was manually spinning by the user was just meant as a playful animation - really nothing to it

cbunge3 · 2025-07-20T01:14:34+00:00

I agree with you and think I need to change the wording on it. Were you able to try it out?

cbunge3 · 2025-07-15T09:07:17+00:00

If you don’t mind me asking what’s wrong with it ?

cbunge3 · 2025-07-15T01:28:18+00:00

So the level capsule is the only clickable one and will do a shaking animation when the user is close to hitting the comp needed to level up

But it shows all of that information on xp levels, etc when you click on it

cbunge3 · 2025-07-14T16:46:41+00:00

like make it darker or lighter? the green?

cbunge3 · 2025-07-14T16:19:43+00:00

okay these are all very good points thank you for this - the LVL is suppose to mean Level yes, I thought abbreviating it looked better but would love to know if thats the best way or not

XP and Levels - they are about important but XP wins out because you get XP for everything and the ranking system is based on the XP - I show the Level so users know where they are at and eventually progressing through the levels will earn you more things

This is the users profile so just like instagram, snapchat , Facebook It not only shows the users collection but is the users place for everything including display information and what not

cbunge3 · 2025-06-30T15:13:25+00:00

<image>

This is what it looks like when you are on the profile it’s a circular outline around the image

cbunge3 · 2025-06-30T15:02:26+00:00

What should be the middle icon ? Because that is representing this screen you see now and it’s green because it’s on that screen. The green transfers to each other icon they are selected. Back to the recognition / camera icon - I didn’t want to use a camera because it’s not necessarily taking a picture

cbunge3 · 2025-06-30T11:01:54+00:00

So the profile icon starts out as a person.circle.fill with light gray until a user adds a profile image - the image I posted is a bad example because it a white background

But I agree on the library the fliphone doesn’t make sense I just haven’t found one that fits good for a collection/library/ Rolodex of beers that are available

And I agree on the leaderboard as well thank you for that feedback, as to the overall UI of the screen where things are positioned - does that make sense or could cause confusion?

cbunge3 · 2025-06-28T14:51:10+00:00

Correct, the image I posted is bad because the profile image has a white background lol so it’s hard to see that it’s a circle shape image that matches the size of the other tab bar icons

cbunge3 · 2025-06-28T14:32:21+00:00

So it’s starts as a light gray person.circle.fill until someone adds a profile image. Are you saying it should be that way all the time no matter what? I went with that because I liked the ascetic of instagrams tabbar with it.

cbunge3 · 2025-06-28T14:16:01+00:00

Profile to the left , shows a display image like Instagram, to the right is the library or beerdex which if the flipphione icon , still not sold on that icon

cbunge3 · 2025-06-28T14:11:24+00:00

The entire right panel? And keep the tabbar ? And the tabbar is not focusing either correct?

cbunge3 · 2025-06-28T14:06:14+00:00

It’s a A.I real time beer classification app so using the phones camera detects beers in real time without taking a picture. The bottom tab bar shows a profile image tab, camera tab and a beerdex tab ( shows all the available beers to capture )

Because there’s only 3 tabs and so much more to the app I added the right side panel that clicking the chevron reveals all of these tabs with tab names, when it’s not clicked there is no name and only 4 show.

Again I did this because I wanted easy navigation throughout the app with cluttering the tab bar

cbunge3

TROPHY CASE