read data in panel sliding up panel flutter

Question

I've used SlidingUpPanel in my main class. and in the main class, I have a bottom sheet, and then clicking on the bottom sheets icon, load page. now when I've to use SlidingUpPanel, I have problem loading pages in the body. can anyone help me with how can I load pages of the bottom navigation in the body of SlidingUpPanel?

 Widget build(BuildContext context) {
    var pageWidth = MediaQuery.of(context).size.width;
    return Scaffold(
      body: SlidingUpPanel(
        controller: _pc,
        panelBuilder: (sc) {
          if (!isCollapsed) _pc.hide();
          return Container(
            child: Center(child: Text("Panel")),
          );
        },

        body: //here I want to load click bottom navigation page
),

bottomNavigationBar: BottomNavigationBar(
  type: BottomNavigationBarType.fixed,
 onTap: (index) {
          switch (index) {
            case 0:
              {
                Navigator.pushReplacementNamed(context, '/'); 
                break;
              }
            case 1:
              {
                Navigator.pushNamed(context, '/search');

                break;
              }
            case 2:
              {
                Navigator.pushNamed(context, '/library');
                break;
              }
            case 3:
              {
                Navigator.pushNamed(context, '/profile');
                break;
              }
          }
        },           
items[...]   
   ),
    );
  }

can anyone help me, please?

score 0 · Accepted Answer · answered Oct 16 '21 at 12:58

Try this below code where you can change the page according to BottomNavigationBar item clicks

    import 'package:flutter/material.dart';
    import 'package:sliding_up_panel/sliding_up_panel.dart';

    void main() {
      runApp(MyApp());
    }

    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
          ),
          home: MyHomePage(title: 'Flutter Demo Home Page'),
        );
      }
    }

    class MyHomePage extends StatefulWidget {
      MyHomePage({Key? key, required this.title}) : super(key: key);

      final String title;

      @override
      _MyHomePageState createState() => _MyHomePageState();
    }

    class _MyHomePageState extends State<MyHomePage> {
      final widgets = [
        Container(color: Colors.red),
        Container(color: Colors.green),
        Container(color: Colors.yellow),
      ];
      int currentIndex = 0;

      @override
      void initState() {
        super.initState();
      }

      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(widget.title),
          ),
          body: SlidingUpPanel(
            panel: Center(
              child: Text("This is the sliding Widget"),
            ),
            body: widgets[currentIndex],
          ),
          bottomNavigationBar: BottomNavigationBar(
            items: [
              BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
              BottomNavigationBarItem(
                  icon: Icon(Icons.settings), label: 'Settings'),
              BottomNavigationBarItem(icon: Icon(Icons.person), label: 'About'),
            ],
            currentIndex: currentIndex,
            onTap: (index) {
              setState(() {
                currentIndex = index;
              });
            },
          ),
        );
      }
    }

and how can i call something like this -> `Navigator.pushReplacementNamed(context, '/');` in list of widgets? i have a class for routs `Map routes = { '/': (context) => const ExplorePage(), '/search': (context) => const SearchPage(), '/library': (context) => const LibraryPage(), '/profile': (context) => const ProfilePage(), };` — , Oct 16 '21 at 13:53
routes are different than widgets. by using routes you can navigate to different pages in widgets above example you can replace them. — Hemanth S, Oct 16 '21 at 15:25
ok, how can I call classes in the widgets? `ExplorePage(), SearchPage(), LibraryPage(), ProfilePage(),` — , Oct 16 '21 at 15:37
final widgets = [ ExplorePage(), SearchPage(), LibraryPage(), ProfilePage(), ]; — Hemanth S, Oct 16 '21 at 15:39
I have explained how to achieve it but you have to fix your other problems. If scroll is not happening wrap SingleChildScrollView — Hemanth S, Oct 16 '21 at 15:47

read data in panel sliding up panel flutter

1 Answers1