SearchBar's TextInput gets cleared with showLoadingIcon prop.

Description

1. Explain what you did Tried to use the SearchBar component with the showLoadingIcon prop.
2. What you expected to happen ActivityIndicator should show and hide according to the value provided.
3. What actually happens ActivityIndicator works as expected, but the TextInput gets cleared afterwards.

Also please include the version of react-native-elements that you are using. Version 0.18.4 with RN 0.50.1

Reproduction Steps and Sample Code

Just use a SearchBar component with showLoadingIcon prop. https://snack.expo.io/HyFj7bseG

Solution

Found out that commenting the following code in Search.js (lines 86-88) fixes the problem, but I’m not really sure what causes it.

clearIcon && showLoadingIcon && { paddingRight: 50 },
((clearIcon && !showLoadingIcon) ||
(!clearIcon && showLoadingIcon)) && { paddingRight: 30 },

Can you suggest a possible fix that would address this issue? Ideally, you should be able to submit a PR to fix it. See our contributing guide for more details.

[xavier-villelegier]

@kmorales13 Ah on Android! I have this behavior too. I think that on Android you have to control the component, to avoid loosing the content of the TextInput at each render. Check this example ✌️

[laurence-myers]

I have also run into this issue.

If setting the “value” prop is the official solution, can the documentation be updated to say this is required for Android?