Använd en pull-down menu istället för ActionSheet på iOS 14+

kolplattformen / skolplattformen

The source code to the civic tech project Öppna Skolplattformen.

https://skolplattformen.org

Apache License 2.0

799 stars 177 forks source link

Använd en pull-down menu istället för ActionSheet på iOS 14+ #313

Closed edenstrom closed 3 years ago

edenstrom commented 3 years ago

Hej,

För lite finare upplevelse för t.ex. funktionerna "Välj inloggningsmetod" och kugghjulet för logga ut, skulle vi kunna använda en Pull-down menu istället för ett ActionSheet.

Citerat från actionsheet-dokumentationen:

Use an action sheet to request confirmation before performing a potentially destructive operation. To give people a choice of items or actions that are related to a nondestructive task, you can use a pull-down menu.

Support är endast iOS 14+, men vi får lägga till en fallback till ActionSheet via Platform.

Modulen react-native-ios-context-menu går att använda. Har tidigare använt den i ett annat app-projekt.

Har inga barn i Stockholm, men öppen att jobba på en PR om idén låter bra.

Screenshots:

ActionSheet

Pull-down menu

whyer commented 3 years ago

Tycker det låter som en bra idé! PR låter fantastiskt. Du kan logga in som testanvändare, då ser du två test-barn med testdata. Det borde fungera bra för utveckling.

edenstrom commented 3 years ago

Jag har börjat kika på denna. Fastnade lite på att @react-native-menu/menu inte går att använda på ett smidigt sätt tillsammans med ButtonGroup. Se skärmdump nedan.

Alternativ på lösningar:

Bygg en egen ButtonGroup som hanterar andra children än Button
Ändra designen lite. T.ex. Länsförsäkringar har en rätt fin lösning. Se skärmdump.

Några idéer?

@react-native-menu/menu har annars stöd för både iOS 14+, iOS <14 och Android, så verkar lovande på den fronten.

Bild 1: Design just nu

Bild 2: Exempel på Länsförsäkringars inloggning

whyer commented 3 years ago

Det pågår nu en diskussion internt om hur inloggningen ska se ut. Så kanske vänta just med login-sidan.

Menyn med bara logout kanske är lättare att göra något åt? Tanken är att det ska in mer funktioner där. Inställningar för Dark-mode är ett sånt exempel.

edenstrom commented 3 years ago

Bra feedback @whyer. Kikar på det. :)

Jag börjar nog med en snabb mockup och skapar en issue/postar en kommentar för hur det skulle kunna se ut.

Såg issue #367 också som kan vara relaterad.

Finns det någon Slack/Discord eller liknande för såna här typer av diskussioner, eller är det github issues som gäller?

whyer commented 3 years ago

Du har fått en inbjudan i mailen! (Hittade på din hemsida)

stale[bot] commented 3 years ago

Det här problemet har automatiskt markerats som inaktuellt eftersom det inte har haft någon aktivitet. Det kommer att stängas om ingen ytterligare aktivitet inträffar. Tack för ditt bidrag!