検索バーの作成方法

リスト内を検索することは非常に一般的に使用されるアプリの機能です。Adaloを使用すると、この機能を簡単な手順で実装することができます。

始めるには、すでにデータベースコレクションが設定されていると便利です。このチュートリアルでは、「Friends」という名前の1つのデータベースコレクションが必要です。コレクション内には、「名前」用のテキストフィールドとコレクション用の画像フィールドが必要です。コレクション内には、レコードを追加する必要があります。これらのレコードは、ユーザーがアプリ内で検索できる基準になります。私たちは名前と画像の6つのレコードを追加しましたが、追加する数に制限はありません。

1. Adaloキャンバスに戻り、左パネルを開いたら、「Add Screen」の下にある「search list」を検索します。そのスクリーンを_____にドラッグします。

2. アプリ画面のシンプルリストをクリックし、左パネルに移動します。最初のドロップダウンメニューで、データベースコレクションとして「Friends」という名前を選択して、リストとデータベースをバインドします。

3. スクロールしてフィルターをクリックし、「add another filter」を選択します。

4. 「Name」を選択し、「Contains」を選択し、「Form Inputs > Search Term」を選択します。これにより、データベースコレクション内のすべてが表示され、ユーザーが入力すると検索結果が表示されます。

5. 左パネルの一番下までスクロールし、Subtitleをクリックしたら、右側のスライダーをオフにします。

6. 次に、アプリのプレビューに移動して、テストしてみてください！

Adaloアプリに検索機能を追加しました！ 🎉 クローン可能なアプリ！ 👀 → リンク\