Skip to main content

How to search a firebase list in Sketchware

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. 

search 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.


search firebase list
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

Logic to search multiple keys



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.


Wish you all the best


Labels:

Comments

Post a Comment

Popular posts from this blog

Hip hop and RnB songs to apologize to your partner

Love is a beautiful thing, but it often goes wrong. This often leads to pain, suffering and sorrow.  Being imperfect beings, hearts tend to get broken all the time regardless how hard we may try to avoid it.  The heartbreak is often inadvertent but at times we find ourselves in the wrong. An oversight, a word unsaid or even a lapse in our judgement can cause our loved ones harm. This doesn't always have to be the end though. Oftentimes, relationships can be mended by simply uttering three simple words: "I AM SORRY". This article is a collection of some of my favourite 'I'm sorry' songs. I hope you'll enjoy these apology songs, but more importantly, I hope you will get a few quotables and some wisdom nuggets from them.  The best apology however, is to change behaviour (got that from a Jay Z interview) so as you apologize, please remember that it was your actions that hurt them. The best apology is one which involves you not repeating those same mistakes aga
Post a Comment
Read more

Php date: How to get the first and last day of the week

In this tutorial, I'll show you how to get the first and last day of the week in php. By default, in PHP the week runs from Monday to Sunday. However we'll cover two methods to get the first and last day for both those who consider Sunday or Monday as their first day of the week. We will be using 2 functions to achieve this: date() strtotime() We will use a combination of these two functions and store the result in a variable.  How to get the first day of the week If you want to get Sunday, use this method: $firstday = date('l Y-m-d', strtotime("sunday -1 week")); echo $firstday; If you want to get the date for Monday, this current week, use this method: $monday = date('l Y-m-d', strtotime("monday -1 week ")); echo $monday; How to get the last day of the week The following code will give you Saturday as the last day of the current week. $lastday = date('l Y-m-d', strtotime("saturday 0 week")); echo $last
Post a Comment
Read more

How to easily create background notifications in Sketchware(original)

How to easily create background notifications in Sketchware(original) One of the keys to building a successful app is to find mechanisms that will keep your users engaged. You can do this by using background notifications. This tutorial will show you how to do that in Sketchware. We will cover: 1. How to create notifications in Sketchware 2. How to show these notifications even when the app is closed.
7 comments
Read more