[https://github.com/asadamatic/legacy_progress_dialog/workflows/pub_publish/badge.svg]

Firestore Search Scaffold - firestore_search

This package helps developers in implementation of search on Cloud FireStore. This package comes with the implementation of widgets essential for performing search on a database.

Saves You from following implementations

• Search AppBar - An AppBar that turns into a TextInputField that takes search queries from users
• Search Body - A body that shoes up when user starts typing in the Search AppBar
• Cloud FireStore Queries - Takes user's input and queries the requested CloudFirestore collection

Simple Usage

To use this plugin, add firestore_search as a
dependency in your pubspec.yaml file.

###Implementation:

• Import import 'package:firestore_search/firestore_search.dart';

• Create a data model, for the data you want retrieve from Cloud FireStore (Your data model class must contain a function to convert QuerySnapshot from Cloud Firestore to a list of objects of your data model)

class DataModel {
  final String name;
  final String description;

  DataModel({this.name, this.description});

  //Create a method to convert QuerySnapshot from Cloud Firestore to a list of objects of this DataModel
  //This function in essential to the working of FirestoreSearchScaffold

  List<DataModel> **dataListFromSnapshot**(QuerySnapshot querySnapshot) {
    return querySnapshot.docs.map((snapshot) {
      final Map<String, dynamic> dataMap = snapshot.data();

      return DataModel(
          name: dataMap['name'], description: dataMap['description']);
    }).toList();
  }
}

• Use class FirestoreSearchScaffold and provide the required parameters

FirestoreSearchScaffold(
        dataListFromSnapshot: UserData().userListFromSnapshot,
        firestoreCollectionName: 'users',
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return Center(
              child: Text('Snapshot has data'),
            );
          } else if (snapshot.hasError) {
            return Center(
              child: Text('Snapshot has data'),
            );
          }
          return Center(
            child: CircularProgressIndicator(),
          );
        },
        ));

                                                                                  ##You are good to go!

In order to add the FirestoreSearchScaffold in your app, there are several attributes that are important and neglecting them or treating them roughly might throw errors:

CREDITS

Contributors

Made with contributors-img.

Hey 👋, I'm Asad Hameed!

Glad to see you here!  

I'm a final year student pursuing Bachelors's in Computer Engineering 🎓 from UET, and I have deep love for programming, and related domains 💡 and this took me through a lot of developer ventures ever since I began writing computer programs. I'm currently practicing hybrid-app development using flutter. Let me take you through the technologies I have used in three years as a programmer,

Languages and Tools:

Talking about Personal Stuffs:

• 🛠   I’m currently working with Nodejs, Express, React,
  Graphql, Mongodb, Javascript, etc.
• 🚀   I’m currently learning Full Stack Development.
• 👨🏻‍💻   Most of my projects are available on Github.
• 💬   Ask me about anything here! I am happy to help.
• 👾   Fun fact: Equal is Not Always Equal in Javascript.
• 📫   How to reach me: [email protected].
• 📝   Checkout my Resume.

My Absolute Favorites:

• 💻   I love exploring new tech stack and building cool stuffs.
• 📰   Reading & writing tech blogs whenever possible.
• 🍕   Hackathons, meetups & tech events.

Projects and Dev Stuffs:

⚡ Github Stats

☄️ Github Streaks

🧑‍🚀 Open Source Projects

💻 Projects	🌟 Stars	🍴 Forks	🐛 Issues	🔔 Pull Requests	👨‍💻 Language
🚀 Gitwar
💸 TradeByte
👨🏻‍💻 TheNodeCourse
🤓 asadamatic