✨ (feat) Add user sort feature.

1. User sort feature added on user search page.

Author: TheAlphamerc

lib/helper/enum.dart

@@ -7,4 +7,12 @@ enum TweetType{
   Tweet,
   Detail,
   Reply
+}
+
+enum SortUser{
+  ByVerified,
+  ByAlphabetically,
+  ByNewest,
+  ByOldest,
+  ByMaxFollower
 }

lib/page/search/SearchPage.dart

@@ -19,14 +19,11 @@ class SearchPage extends StatefulWidget {
 }
 
 class _SearchPageState extends State<SearchPage> {
-  TextEditingController textController;
-
   @override
   void initState() {
-    textController = TextEditingController();
     WidgetsBinding.instance.addPostFrameCallback((_) {
       final state = Provider.of<SearchState>(context);
-      state.filterByUsername("");
+      state.resetFilterList();
     });
     super.initState();
   }
@@ -72,30 +69,32 @@ class _SearchPageState extends State<SearchPage> {
   @override
   Widget build(BuildContext context) {
     var state = Provider.of<SearchState>(context);
+
     var list = state.userlist;
     return Scaffold(
-        appBar: CustomAppBar(
-          scaffoldKey: widget.scaffoldKey,
-          textController: textController,
-          icon: AppIcon.settings,
-          onActionPressed: onSettingIconPressed,
-          onSearchChanged: (text) {
-            state.filterByUsername(text);
-          },
-        ),
-        body: RefreshIndicator(
-          onRefresh: () async {
-            state.getDataFromDatabase();
-            return Future.value(true);
-          },
-          child: ListView.separated(
-            physics: BouncingScrollPhysics(),
-            itemBuilder: (context, index) => _userTile(list[index]),
-            separatorBuilder: (_, index) => Divider(
-              height: 0,
-            ),
-            itemCount: list.length,
+      appBar: CustomAppBar(
+        scaffoldKey: widget.scaffoldKey,
+        icon: AppIcon.settings,
+        onActionPressed: onSettingIconPressed,
+        onSearchChanged: (text) {
+          state.filterByUsername(text);
+        },
+      ),
+      body: RefreshIndicator(
+        onRefresh: () async {
+          state.getDataFromDatabase();
+          return Future.value(true);
+        },
+        child: ListView.separated(
+          addAutomaticKeepAlives: false,
+          physics: BouncingScrollPhysics(),
+          itemBuilder: (context, index) => _userTile(list[index]),
+          separatorBuilder: (_, index) => Divider(
+            height: 0,
           ),
-        ));
+          itemCount: list?.length ?? 0,
+        ),
+      ),
+    );
   }
 }

lib/page/settings/accountSettings/contentPrefrences/trends/trendsPage.dart

@@ -1,15 +1,97 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_twitter_clone/helper/enum.dart';
 import 'package:flutter_twitter_clone/helper/theme.dart';
-import 'package:flutter_twitter_clone/page/settings/widgets/headerWidget.dart';
 import 'package:flutter_twitter_clone/page/settings/widgets/settingsRowWidget.dart';
+import 'package:flutter_twitter_clone/state/searchState.dart';
 import 'package:flutter_twitter_clone/widgets/customAppBar.dart';
 import 'package:flutter_twitter_clone/widgets/customWidgets.dart';
+import 'package:flutter_twitter_clone/widgets/newWidget/title_text.dart';
+import 'package:provider/provider.dart';
 
 class TrendsPage extends StatelessWidget {
-  const TrendsPage({Key key}) : super(key: key);
+  String sortBy = "";
+
+  TrendsPage({Key key}) : super(key: key);
+
+  void openBottomSheet(
+      BuildContext context, double height, Widget child) async {
+    await showModalBottomSheet(
+      backgroundColor: Colors.transparent,
+      context: context,
+      builder: (context) {
+        return Container(
+          height: height,
+          decoration: BoxDecoration(
+            color: TwitterColor.white,
+            borderRadius: BorderRadius.only(
+              topLeft: Radius.circular(15),
+              topRight: Radius.circular(15),
+            ),
+          ),
+          child: child,
+        );
+      },
+    );
+  }
+
+  void openUserSortSettings(BuildContext context) {
+    openBottomSheet(
+      context,
+      340,
+      Column(
+        children: <Widget>[
+          SizedBox(height: 5),
+          Container(
+            width: 40,
+            height: 5,
+            decoration: BoxDecoration(
+              color: TwitterColor.paleSky50,
+              borderRadius: BorderRadius.circular(10),
+            ),
+          ),
+          Padding(
+            padding: EdgeInsets.symmetric(vertical: 10),
+            child: TitleText('Sort user list'),
+          ),
+          Divider(height: 0),
+          _row(context, "Verified user first", SortUser.ByVerified),
+          Divider(height: 0),
+          _row(context, "alphabetically", SortUser.ByAlphabetically),
+          Divider(height: 0),
+          _row(context, "Newest user first", SortUser.ByNewest),
+          Divider(height: 0),
+          _row(context, "Oldest user first", SortUser.ByOldest),
+          Divider(height: 0),
+          _row(context, "User with max follower", SortUser.ByMaxFollower),
+        ],
+      ),
+    );
+  }
+
+  Widget _row(BuildContext context, String text, SortUser sortBy) {
+    final state = Provider.of<SearchState>(context);
+    return Padding(
+      padding: EdgeInsets.symmetric(vertical: 0, horizontal: 5),
+      child: RadioListTile<SortUser>(
+        value: sortBy,
+        activeColor: TwitterColor.dodgetBlue,
+        groupValue: state.sortBy,
+        onChanged: (val) {
+          state.updateFilterProfrence = val;
+          Navigator.pop(context);
+        },
+        title: Text(text, style: subtitleStyle),
+        controlAffinity: ListTileControlAffinity.trailing,
+      ),
+    );
+  }
 
   @override
   Widget build(BuildContext context) {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final state = Provider.of<SearchState>(context);
+      sortBy = state.selectedFilter;
+    });
     return Scaffold(
       backgroundColor: TwitterColor.white,
       appBar: CustomAppBar(
@@ -21,6 +103,14 @@ class TrendsPage extends StatelessWidget {
       body: ListView(
         physics: BouncingScrollPhysics(),
         children: <Widget>[
+          SettingRowWidget(
+            "Search Filter",
+            subtitle: sortBy,
+            onPressed: () {
+              openUserSortSettings(context);
+            },
+            showDivider: false,
+          ),
           SettingRowWidget(
             "Trends location",
             navigateTo: null,
@@ -29,11 +119,12 @@ class TrendsPage extends StatelessWidget {
           ),
           SettingRowWidget(
             null,
-            subtitle: 'You can see what\'s trending in a specfic location by selecting which location appears in your Trending tab.',
-            navigateTo:null,
+            subtitle:
+                'You can see what\'s trending in a specfic location by selecting which location appears in your Trending tab.',
+            navigateTo: null,
             showDivider: false,
             vPadding: 12,
-            ),
+          ),
         ],
       ),
     );

lib/state/searchState.dart

@@ -1,11 +1,12 @@
 import 'package:firebase_database/firebase_database.dart';
+import 'package:flutter_twitter_clone/helper/enum.dart';
 import 'package:flutter_twitter_clone/helper/utility.dart';
 import 'package:flutter_twitter_clone/model/user.dart';
 import 'appState.dart';
 
 class SearchState extends AppState {
   bool isBusy = false;
-
+  SortUser sortBy = SortUser.ByNewest;
   List<User> _userFilterlist;
   List<User> _userlist;
 
@@ -17,7 +18,7 @@ class SearchState extends AppState {
     }
   }
 
-  /// get [User list] from firebase realtime kDatabase
+  /// get [User list] from firebase realtime Database
   void getDataFromDatabase() {
     try {
       isBusy = true;
@@ -34,13 +35,13 @@ class SearchState extends AppState {
                 _userlist.add(model);
                 _userFilterlist.add(model);
               });
-              _userFilterlist.sort((x,y) => y.followers.compareTo(x.followers));
+              _userFilterlist
+                  .sort((x, y) => y.followers.compareTo(x.followers));
             }
           } else {
             _userlist = null;
           }
           isBusy = false;
-          notifyListeners();
         },
       );
     } catch (error) {
@@ -49,17 +50,32 @@ class SearchState extends AppState {
     }
   }
 
+  /// It will reset filter list
+  /// If user has use search filter and change screen and came back to search screen It will reset user list.
+  /// This function call when search page open.
+  void resetFilterList() {
+    if (_userlist != null && _userlist.length != _userFilterlist.length) {
+      _userFilterlist = List.from(_userlist);
+      _userFilterlist.sort((x, y) => y.followers.compareTo(x.followers));
+      notifyListeners();
+    }
+  }
+
+  /// This function call when search fiels text change.
+  /// User list on  search field get filter by `name` string
   void filterByUsername(String name) {
-    if (name.isEmpty && _userlist != null) {
+    if (name.isEmpty &&
+        _userlist != null &&
+        _userlist.length != _userFilterlist.length) {
       _userFilterlist = List.from(_userlist);
     }
     // return if userList is empty or null
     if (_userlist == null && _userlist.isEmpty) {
       print("Empty userList");
       return;
     }
-    // filter userlist on the basis of username
-    else {
+    // sortBy userlist on the basis of username
+    else if (name != null) {
       _userFilterlist = _userlist
           .where((x) =>
               x.userName != null &&
@@ -68,4 +84,45 @@ class SearchState extends AppState {
     }
     notifyListeners();
   }
+
+  /// Sort user list on search user page.
+  set updateFilterProfrence(SortUser val) {
+    sortBy = val;
+    notifyListeners();
+  }
+
+  String get selectedFilter {
+    switch (sortBy) {
+      case SortUser.ByAlphabetically:
+        _userFilterlist.sort((x, y) => x.displayName.compareTo(y.displayName));
+        notifyListeners();
+        return "alphabetically";
+
+      case SortUser.ByMaxFollower:
+        _userFilterlist.sort((x, y) => y.followers.compareTo(x.followers));
+        notifyListeners();
+        return "User with max follower";
+
+      case SortUser.ByNewest:
+        _userFilterlist.sort((x, y) =>
+            DateTime.parse(y.createdAt).compareTo(DateTime.parse(x.createdAt)));
+        notifyListeners();
+        return "Newest user first";
+
+      case SortUser.ByOldest:
+        _userFilterlist.sort((x, y) =>
+            DateTime.parse(x.createdAt).compareTo(DateTime.parse(y.createdAt)));
+        notifyListeners();
+        return "Oldest user first";
+
+      case SortUser.ByVerified:
+        _userFilterlist.sort((x, y) =>
+            y.isVerified.toString().compareTo(x.isVerified.toString()));
+        notifyListeners();
+        return "Verified user first";
+
+      default:
+        return "Unknown";
+    }
+  }
 }