patterns / null

Mobile App

Bottom Navigation bar holds main menu for an App in both iOS and Android. It is the top level of a hierarchy in most cases.

Android

iOS

Drill-in

Drill-in is a standard pattern in both iOS and Android with slightly different visual representation. This is used to navigation within the hierarchy. The example below shows moving from All Post menu to a detailed post item.

Android

This is top of the hierarchy.

Use to navigation up the hierarchy.

iOS

This is top of the hierarcy.

Use Back to navigation up the hierarcy.


Pull to refresh

Pull to refresh is a standard pattern in both iOS and Android. This should be applied to any page that has updatable data.

Android

iOS


More Action

When dealing with more action, iOS and Android use different methods.

Android

Uses Menus to reveal more actions.

iOS

Uses Action Sheets to reveal more actions.


List Swipe - Horizontal

Both iOS and Android supports multi-directional swipe.

Android

iOS


Modals are used when requesting for confirmation, create or update existing resource, or iOS uses Alerts, Sheets, and Views for all modal experiences while Android uses different types of Dialog for all modal experiences.

Alert

Android

Dialog component

iOS

Alert component

Simple Dialog

Android

Dialog component

iOS

Action Sheet component

Fullscreen Dialog

Android

Dialog component

iOS

View component