Having loading on Searchbar and TextInput Components

Describe the feature

I am using Searchbar as follow:

        <Searchbar
          placeholder={`${t('homeView.search')}...`}
          value={cityOrPostalCode}
          onChangeText={this.onChangeText}
          loading={1}
          onSubmitEditing={this.submit}
        />

Motivation

So far, there is no way to switch the left icon, the right icon, or to add a component within the text to display an asynchronous task.

A use case would be a <Searchbar /> used for autocomplete, it will fetch some data.

So far I must create my own indicator, which most likely does not respect material ui guidelines

Thanks again for your time,

Dimitri

[kopax]

This features would be so much appreciated, yes that would be awesome.

I am just thinking, would it be nice to toggle the clear icon with a loading icon while searching something asynchronously (which is almost always the case)? I have another proposal in mind:

• Keep icon for previous versions with a deprecation warning
• Create leftIcon that will serve the purpose of icon
• Keep clearIcon for clearing the search bar
• Add rightIcon (for example for adding a spinner) displayed on the left of clearIcon in the <Searchbar />

Allow user to rearrange any of those 3 icons on it’s will

[brunohkbx]

It’s still open