Skip to content

Feat: Dynamic Top Nav #300

@nelsonic

Description

@nelsonic

The current Figma Layout: https://www.figma.com/file/WrpkKGJNYZbeCzMRDVtvQLbC/dwyl-app?node-id=0%3A1
Has a generic Top Navigation Bar that is a visual placeholder:

image

The only functionality it has is: tapping/clicking the @dwyl Logo takes the person back to the "home" screen
where they can see their items, any currently running timers etc.
We know we can do muuuch better than this with the space available.

Story

As a person using the dwyl App I want the Top Nav to give me useful info
so that it's not wasted space.

Note: This is a placeholder issue/story.
It's going to require some imagination/creativity in both Flutter-land and Figma
to understand what is possible and then create something that is useful and isn't a pointless gimmick.

Todo


"Dynamic Island" 🏝️ (🙄)

The best way to understand what we're going to be doing here is to checkout Apple's "Dynamic Island: on iPhone 14 Pro:
https://www.macrumors.com/guide/dynamic-island/

Introducing Dynamic Island on iPhone 14 Pro: https://youtu.be/WuEH265pUy4
image

Apple's Dynamic Island Explained: https://youtu.be/qs0Ws4YwQ9Q
image

image

image

image

image

https://www.youtube.com/results?search_query=mkbhd+Dynamic+Island
image

Linus has a great take on this: https://youtu.be/vh-jmvepDwA?t=70
image

Note: Don't worry, we aren't going to invest any dev time supporting the iPhone 14 Pro Dynamic Island for the foreseeable future. None of us own the device so we can't test it; it's super niche. Maybe when the feature "trickles down" to cheaper devices in 2023 refresh ... ⏳ We'll wait for a paying customer to request support before spending any time thinking about it. 👌 Apparently, not many of the major iOS Apps are supporting it yet: https://www.digitaltrends.com/mobile/apple-iphone-14-pro-dynamic-island-needs-to-get-more-useful-fast/ 💭

Metadata

Metadata

Assignees

No one assigned

    Labels

    UIdiscussShare your constructive thoughts on how to make progress with this issueenhancementNew feature or enhancement of existing functionalityneeds-uiA feature idea that needs UI in order to be discussed/built.technicalA technical issue that requires understanding of the code, infrastructure or dependencies

    Type

    No type

    Projects

    Status

    🔖 Ready for Development

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions