If your app deals with a lot of data then you might want to include a search feature in your app, so that they can easily find whatever they are looking for. This article will cover how to implement the search feature in your Sketchware app.
Please note that this logic is only for searching for data that is stored in your firebase database.
Let's get into it. First create your layout.
Please note that this logic is only for searching for data that is stored in your firebase database.
Let's get into it. First create your layout.
In the example above, I have added a linear Horizontal. In my linear Horizontal I have added 2 imageviews and an edittext. I have set my edittext hint to "Search..."
This is how it will work. When the app starts, the 'cancel search' button and the edittext for searching will be hidden. Then when a user clicks the search button the edittext and Cancel search button becomes visible. When I click the cancel search button, it clears the edittext and then hides the edittext and the cancel search button. I have given my edittext a weight value of 1. This makes it take up all the extra space.
Now for the logic...
How to search for value at a single key
In my onTextChanged event, I have created 2 number variables, "n" and "length". If you are not sure how to create an article please check out this article.
The logic below shows how to search the "text" key for a specific value.
I have then used the above logic to search for a single key... for example if the list has name, age and address... this logic is searching only one field. It can be customized to search multiple fields though.
How to search multiple keys
The logic below can be used to search for values at two keys. This can be adapted to search multiple keys by adding an additional IF-ELSE block and setting the logic as shown below.
Here we are searching the name, and message keys for a specific value
I hope you found this tutorial on how to search a firebase list very helpful. For more tutorials please visit the tutorials section.
If you would like to search a listmap please check out the link below.
YOU MIGHT ALSO LIKE: How to search a listmap in Sketchware
Wish you all the best
Comments