title: Flutter DraggableScrollableSheet Lock One Part on top
body: <p>I Had Question For how create Scroll List Like this</p>
  <p><a href="https://stackoverflow.com/questions/73240554/flutter-scroll-list-over-header/73240761?noredirect=1#comment129358415_73240761">Flutter Scroll List Over Header</a></p>
  <p><img src="https://i.stack.imgur.com/Hx8B2.png" width="200">  <img src="https://i.stack.imgur.com/YzRUD.png" width="200"></p>
  <p>According to the answers given, I used <code>DraggableScrollableSheet</code> for implementing this scroll view</p>
  <p>but now i have new problem</p>
  <p>The Result is here:</p>
  <img src="https://i.stack.imgur.com/5058r.gif" width="200">
  <p>now I need to when im scrolling the top Child Stay On Top, like a header</p>
  <img src="https://i.stack.imgur.com/8SYkV.png" width="200">
  <p>how can do this?</p>
  <p>Here is my Code</p>
  <pre><code>class HomeScreen extends StatelessWidget {
    const HomeScreen({Key? key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      double height = MediaQuery.of(context).size.height;
      AppController appController = Provider.of&lt;AppController&gt;(context);
      HomeController homeController = Provider.of&lt;HomeController&gt;(context);
      String selectedCategory = homeController.selectedCategory;
      return SafeArea(
        child: Container(
          //height: 450,
          width: double.infinity,
          decoration: const BoxDecoration(
              image: DecorationImage(
            image: AssetImage('assets/images/home_header.png'),
            alignment: Alignment.topCenter,
          )),
          child: Scaffold(
            appBar: AppBar(
              backgroundColor: Colors.transparent,
              elevation: 0,
              flexibleSpace: Padding(
                padding: const EdgeInsets.only(left: 20, right: 20),
                child: ChiscoAppbar(
                  icon: MENU,
                  iconAlignment: Alignment.centerLeft,
                  title: 'خانه',
                  onClick: () {
                    Navigator.pushNamed(context, '/account');
                  },
                ),
              ),
            ),
            backgroundColor: Colors.transparent,
            body: Stack(
              children: [
                Positioned(
                  child: Container(
                    color: Colors.transparent,
                    height: 200,
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        const Expanded(
                          flex: 3,
                          child: Align(
                              alignment: Alignment.center,
                              child: ChiscoText(
                                text: 'دستگاه‌های هوشمند چیسکو',
                                fontWeight: FontWeight.w500,
                                textColor: Colors.white,
                                fontSize: 16,
                              )),
                        ),
                        Expanded(
                            flex: 1,
                            child: Padding(
                              padding: EdgeInsets.only(left: 20, right: 20),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: const [
                                  HeaderItem(
                                    titleText: 'کنترلر',
                                    icon: COOLER,
                                    counterText: '2',
                                  ),
                                  HeaderItem(
                                    titleText: 'سه راهی',
                                    icon: SOCKET,
                                    counterText: '2',
                                  )
                                ],
                              ),
                            )),
                      ],
                    ),
                  ),
                ),
                Positioned(
                  child: DraggableScrollableSheet(
                    expand: true,
                    minChildSize: 0.70,
                    maxChildSize: 0.95,
                    initialChildSize: 0.70,
                    builder: (context, scrollController) {
                      return SingleChildScrollView(
                        controller: scrollController,
                        child: Container(
                          decoration: BoxDecoration(
                              color: Colors.blue[100],
                              borderRadius: const BorderRadius.only(
                                  topLeft: Radius.circular(25),
                                  topRight: Radius.circular(25))),
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              ListHandlerView(),
                              Container(
                                margin: const EdgeInsets.fromLTRB(20, 8, 20, 10),
                                height: 30,
                                child: ListView.builder(
                                    shrinkWrap: true,
                                    physics: const BouncingScrollPhysics(),
                                    itemCount: appController
                                        .listOfDevicesCategory.length,
                                    scrollDirection: Axis.horizontal,
                                    primary: true,
                                    addSemanticIndexes: false,
                                    itemBuilder: (context, index) {
                                      String category = appController
                                          .listOfDevicesCategory[index];
                                      return CategoryListItem(
                                        isSelected: selectedCategory == category,
                                        category: category,
                                      );
                                    }),
                              ),
                              ListView.builder(
                                physics: const NeverScrollableScrollPhysics(),
                                shrinkWrap: true,
                                itemCount: 25,
                                itemBuilder: (BuildContext context, int index) {
                                  return ListTile(title: Text('Item $index'));
                                },
                              ),
                            ],
                          ),
                        ),
                      );
                    },
                  ),
                )
              ],
            ),
            floatingActionButton: Container(
                margin: const EdgeInsets.only(bottom: 16),
                child: const ChiscoSpeedDial()),
            floatingActionButtonLocation:
                FloatingActionButtonLocation.startDocked,
          ),
        ),
      );
    }
  }
  </code></pre>