Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Enhance mobile apps with native components (8.3)

Updated on May 3, 2021

Improve the user experience by using native components in mobile apps that are built with Pega Infinity Mobile Client™. Native components enhance the performance of mobile apps by providing users with a responsive and consistent interface that they recognize from other native apps. You can enable the following new enhancements in your mobile apps:

Native action menus

Implement native action menus to display them in a more accessible manner and to ensure that the users of your apps can access all menu items without issues. By using an action sheet for iOS and a modal bottom sheet for Android, you also standardize the user experience in your apps across various devices.

"Native action menu in an Android app"
Native action menu in an Android app

Native header

Improve the navigation experience in your apps by taking advantage of the features of the native header. When you enable a native header, your apps can delegate navigation to the operating system which provides animations and transitions that are familiar to users. Users can navigate to the previous screen by using the default native back button in Android apps, or by swiping right in iOS apps. In addition, you can also configure custom right and left actions on the header, such as a native search button.

"Native header with the back navigation button"
Native header with the back navigation button

Full screen when users scroll down

Increase the display area by configuring your mobile apps to hide the top and bottom bars when the user scrolls down the content. By scrolling up, users can display the bars again.

For more information about the native action menus and the interactions of the top and bottom bars, see Advanced layout options. For more information about the native header, see Enhancing a mobile app with the native header.

  • Previous topic Customize your mobile app in the low-code mobile channel (8.4)
  • Next topic Improve user experience in mobile apps (8.3)

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us