读取面板中的数据向上滑动面板颤动

Question

我在主 class 中使用了 SlidingUpPanel。在主要 class 中，我有一个底部 sheet，然后单击底部 sheet 的图标，加载页面。现在，当我必须使用 SlidingUpPanel 时，我在正文中加载页面时遇到问题。谁能帮我解决如何在 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[...]   
   ),
    );
  }

有人能帮帮我吗？

Answer 1

试试下面的代码，您可以根据 BottomNavigationBar 项点击次数更改页面

    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;
              });
            },
          ),
        );
      }
    }

读取面板中的数据向上滑动面板颤动

read data in panel sliding up panel flutter

flutter

dart

panel

bottom-sheet

flutter-bottomnavigation