Motivation

I'm always frustrated when the showCancel Prop (for platform="ios" only) on the SearchBar component from @rneui/base only defines whether or not to persist the cancel button beside the searchbar when unfocused. I wanted to see an option that let the developer omit the cancel button from the SearchBar, resulting in a cleaner UI when the button is not necessary. I created a new prop called omitCancel:boolean that defaults as false. When omitCancel={true}, it will completely omit the cancel button on SearchBars with platform="ios", so it will never appear regardless of it being focused or not.

Fixes: Creates new prop called omitCancel:boolean that defaults as false

Type of change

• New feature (non-breaking change which adds functionality)
• This change requires a documentation update

How Has This Been Tested?

• Checked with my own app

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation using yarn docs-build-api
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

Additional context

In the below image, the cancel button is omitted while maintaining the rest of the native iOS styles.
image