update package selection and cartion selection

lib/pages/carton/package_selection_widget.dart

@@ -1,6 +1,7 @@
 import 'package:fcs/domain/entities/fcs_shipment.dart';
 import 'package:fcs/helpers/theme.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
 import 'package:flutter_icons_null_safety/flutter_icons_null_safety.dart';
 import 'package:provider/provider.dart';
 
@@ -46,11 +47,18 @@ class _PackageSelectionWidgetState extends State<PackageSelectionWidget> {
   String _query = "";
   bool _isLoadMore = false;
   final _scrollController = ScrollController();
+  bool _down = true;
 
   @override
   void initState() {
     _init();
     super.initState();
+    _scrollController.addListener(() {
+      setState(() {
+        _down = _scrollController.position.userScrollDirection ==
+            ScrollDirection.forward;
+      });
+    });
   }
 
   _init() {
@@ -212,6 +220,25 @@ class _PackageSelectionWidgetState extends State<PackageSelectionWidget> {
       ),
     );
 
+    final selectedPackageBox = Align(
+      alignment: Alignment.topLeft,
+      child: SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          physics: const BouncingScrollPhysics(),
+          padding: EdgeInsets.only(top: 8),
+          child: Row(
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.min,
+              children: selectedPackageList
+                  .map((e) => Padding(
+                        padding: const EdgeInsets.only(right: 20),
+                        child: Text(e.trackingID ?? "",
+                            style:
+                                TextStyle(color: Colors.black, fontSize: 15)),
+                      ))
+                  .toList())),
+    );
     return Column(
       children: [
         Expanded(
@@ -219,11 +246,30 @@ class _PackageSelectionWidgetState extends State<PackageSelectionWidget> {
             padding: EdgeInsets.only(left: 10, right: 10),
             child: Column(
               children: [
-                const SizedBox(height: 8),
-                userRow,
-                LocalTitle(textKey: "box.select.package", topPadding: 5),
-                const SizedBox(height: 10),
-                searchBox,
+                AnimatedSwitcher(
+                  duration: const Duration(milliseconds: 300),
+                  transitionBuilder:
+                      (Widget child, Animation<double> animation) =>
+                          FadeTransition(
+                    opacity: animation,
+                    child: SizeTransition(
+                      sizeFactor: animation,
+                      axis: Axis.vertical,
+                      child: child,
+                    ),
+                  ),
+                  child: _down
+                      ? Column(children: [
+                          const SizedBox(height: 8),
+                          userRow,
+                          LocalTitle(
+                              textKey: "box.select.package", topPadding: 5),
+                          const SizedBox(height: 10),
+                          searchBox,
+                          selectedPackageBox,
+                        ])
+                      : const SizedBox(),
+                ),
                 Expanded(
                   child: Padding(
                     padding: const EdgeInsets.only(top: 10),
@@ -233,6 +279,9 @@ class _PackageSelectionWidgetState extends State<PackageSelectionWidget> {
                       onLoadMore: _loadMoreData,
                       onRefresh: () async {
                         _init();
+                        setState(() {
+                          _down = true;
+                        });
                       },
                       onTap: (a) async {
                         setState(() {