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
• Native header
• Full screen when users scroll down

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 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.

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.