4

I'm wondering what's the name of the draggable menu at the bottom of the iOS map. (See picture :)

Apple Maps bottom menu

I want to implement the same kind of interface for my app.

pkamb
  • 33,281
  • 23
  • 160
  • 191
Xero
  • 3,951
  • 4
  • 41
  • 73

1 Answers1

1

It´s not called anything special, but some refer to it as "Card". Here is a great tutorial of how to implement the bottom card as Apple Maps, from the question:

How can I mimic the bottom sheet from the Maps app?

pkamb
  • 33,281
  • 23
  • 160
  • 191
Rashwan L
  • 38,237
  • 7
  • 103
  • 107
  • 1
    Thank you a lot =) – Xero Oct 14 '16 at 12:33
  • In UI design, it's actually referred to as a sheet. – Adam Allard Jan 10 '20 at 11:00
  • @AdamAllard, any reference for that statement? There is [Action Sheets](https://developer.apple.com/design/human-interface-guidelines/ios/views/action-sheets/), but not just Sheets as I can see. – Rashwan L Jan 10 '20 at 21:59
  • @RashwanL in UIKit, no. There isn't a system component for it yet - Although I can see them making one given its popularity. But for future, you may hear designers refer to it as a sheet. It's also referred to as a bottom sheet in Android: https://material.io/components/sheets-bottom/#behavior – Adam Allard Jan 13 '20 at 09:57