Flutter实现页面滚动显示底部导航抽屉功能遇阻求助

基础元素示例 #

• 无序列表项1：普通文本内容
• 无序列表项2：包含斜体强调的内容
• 无序列表项3：嵌入行内代码flutter pub add bottom_drawer

代码块展示 #

class BlogListPage extends StatefulWidget {
  const BlogListPage({super.key});

  @override
  State<BlogListPage> createState() => _BlogListPageState();
}

class _BlogListPageState extends State<BlogListPage> {
  late BottomDrawerController _drawerController;
  bool _showNavButton = false;

  @override
  void initState() {
    super.initState();
    _drawerController = BottomDrawerController();
  }
}

引用文本示例 #

上下滚动时显示导航按钮，点击弹出底部抽屉的交互逻辑，核心是监听滚动偏移量变化，同步控制按钮显隐与抽屉状态

链接与图片示例 #

• BottomDrawer库官方说明
• 预期效果示意图

内容的提问来源于stack exchange，提问作者Pranav Ratusaria