Hide/Show searchBar on channel list scroll

Signed-off-by: Sahil Kumar <[email protected]>
2021-01-14 13:03:50 +05:30
parent a18edfaa87
commit 5e18b7f006
1 changed files with 123 additions and 124 deletions
@@ -457,14 +457,17 @@ class _ChannelListPageState extends State<ChannelListPage> {
      },
      child: ChannelsBloc(
        child: MessageSearchBloc(
-          child: Column(
-            children: [
-              SearchTextField(
+          child: NestedScrollView(
+            floatHeaderSlivers: true,
+            headerSliverBuilder: (_, __) => [
+              SliverToBoxAdapter(
+                child: SearchTextField(
                  controller: _controller,
                  showCloseButton: _isSearchActive,
                ),
-              Expanded(
-                child: AnimatedSwitcher(
+              ),
+            ],
+            body: AnimatedSwitcher(
              duration: const Duration(milliseconds: 350),
              child: GestureDetector(
                behavior: HitTestBehavior.opaque,
@@ -492,8 +495,7 @@ class _ChannelListPageState extends State<ChannelListPage> {
                                physics: AlwaysScrollableScrollPhysics(),
                                child: ConstrainedBox(
                                  constraints: BoxConstraints(
-                                        minHeight:
-                                            viewportConstraints.maxHeight,
+                                    minHeight: viewportConstraints.maxHeight,
                                  ),
                                  child: Center(
                                    child: Column(
@@ -554,8 +556,7 @@ class _ChannelListPageState extends State<ChannelListPage> {
                        ),
                        channelWidget: ChannelPage(),
                        onViewInfoTap: (channel) {
-                              if (channel.memberCount == 2 &&
-                                  channel.isDistinct) {
+                          if (channel.memberCount == 2 && channel.isDistinct) {
                            Navigator.push(
                              context,
                              MaterialPageRoute(
@@ -583,8 +584,6 @@ class _ChannelListPageState extends State<ChannelListPage> {
              ),
            ),
          ),
-            ],
-          ),
        ),
      ),
    );