searchBar event onReturn

[beppo-ivel]

To refresh the content of my listView with respect to a search string, I use the event onReturn. It works as expected. Only if searchBar is empty, then the event is not triggered. In consequence, I can't go back to initial status of the list.

And If I click the searchIcon in the searchBar it also does not trigger the onReturn event at all. The event is only triggered by the searchIcon of the keyboard. Maybe this is specific behavior of the emulator.

view.xml:

<Collection src="test" />
...
<SearchBar id="search" showCancel="true" onReturn="searchOnReturn" />
...

controller.js

function searchOnReturn(event){
  let pattern = event.value;
  if(typeof pattern === "undefined") pattern = "";
  Alloy.Collections.test.fetch({query: "SELECT * FROM test WHERE title LIKE '" + pattern + "%'"});
}

Btw: How to color the underscore, canel- and searchIcon of the searchBar?

[m1ga]

I looks like it is not possible because of native restictions: https://stackoverflow.com/a/31573689/5193915

The queryTextListener wont fire on an empty string event

They do the same as I would do in Titanium since you want to do some more styling: use a own textfield. Create something like this:

<View>
  <TextField/>
  <ImageView id="search_icon"/>
  <ImageView id="dismiss_icon"/>
</View>

and attach your events.

100% freedom for your look & feel.

[beppo-ivel]

And it is also not possible to change the color of the icons in the default searchBar? How do you changed the color of the cursor in your text fields?

[m1ga]

Cursor color: I've set colorPrimary and colorAccent in my theme to orange. You can also try this one https://stackoverflow.com/a/15431107/5193915
With this setup you can change each icon as you want. Use an Label with an icon font instead of a ImageView.

If you still want to use the searchbar you'll have to look at native Android theme examples. E.g. https://stackoverflow.com/a/57735080/5193915 uses a setColorFilter. You could use Hyperloop with this example #13423 and adapt that for the searchbar.
But as described earlier: way to much work. Create the XML above. Cross-platform and works the same way with more control