Skip to content

Support for iOS 14 pull-down menu #255

@pinarol

Description

@pinarol

Introduction

Taken from iOS Human Interface Guidelines: In iOS 14 and later, a button can display a pull-down menu that lists items or actions from which people can choose. You can use a pull-down menu — or simply menu — to offer items that are directly related to the button's action or to provide a list of actions that are useful in the current context.

I was wondering if there's any interest in adding this component to React Native core, or building a React Native library for it.

Screen Shot 2020-06-30 at 15 49 01

Screen Shot 2020-06-30 at 15 49 09

Why it is needed

We wish to replace almost all the ActionSheetiOS usages with pull-down menus in our React Native App because it is more easy for users understand the relationship between the menu's items and the action they're performing. And it is a less interruptable UX for them.

Details

From iOS Human Interface Guidelines:

  • It is possible to use separators to group items
  • You can let people reveal a menu by performing a specific gesture on an existing button. For example, in iOS 14 and later, Safari responds to a touch and hold gesture on the tabs button
  • Menus use red text to highlight actions that you identify as potentially destructive. When people choose a destructive action, the system displays an action sheet (iOS) or popover (iPadOS) in which they can confirm their choice or cancel the action.

Discussion points

  • Is there a high demand?
  • Is there any obstacles/restrictions to this?

Metadata

Metadata

Assignees

No one assigned

    Labels

    🗣 DiscussionThis label identifies an ongoing discussion on a subject

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions