【问题标题】:Flutter - Make a slide pannel looking like a DrawerFlutter - 制作一个看起来像抽屉的滑动面板
【发布时间】:2019-03-22 08:22:10
【问题描述】:

我想做一个从右边滑动的小面板onPress 来显示一些信息。我的Scaffold 中已经有一个Drawer 来显示菜单。

我正在寻找这样的东西:

除了Drawer,我还没有找到任何东西

【问题讨论】:

  • 我真的不明白你想要做什么。你有Drawer,你需要另一个来显示别的东西吗?请您简单解释一下好吗?
  • 没错。我已经有一个用于导航的抽屉(从左侧滑动)。在某些页面中,例如,当我按下按钮时,我不想显示来自右侧的另一个抽屉(或类似的东西)

标签: flutter slider


【解决方案1】:

您可以使用Scaffold 小部件的drawerendDrawer 属性。 drawer 从头(左)滑入,endDrawer 从尾(右)滑入。这样您就可以拥有两个不同的抽屉,一个在左侧,一个在右侧

这里是一个简单的小例子:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        drawer: Drawer(
          child: Center(child: Text('Left!')),
        ),
        endDrawer: Drawer(
          child: Center(child: Text('Right!')),
        ),
    ),);
  }
}

【讨论】:

  • 你反应灵敏,尼克拉斯! :D 但我很抱歉,我没有很好地解释自己。我已经有一个抽屉,但我想要在同一页面中再放一个(或类似抽屉的东西)。如果我已经有一个,是否可以在同一个屏幕上制作第二个?
  • 这个答案显示了一个带有两个不同抽屉的示例:D 你想使用三个或更多吗?
  • Ooooooooh ooooooook 太好了,这正是我要找的! :O 对不起。现在是早上,我累了。谢谢 Niklas,当我得到 15 分时,我不会忘记为你的答案投票。
  • 没问题! :) 谢谢! :D
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-04
  • 1970-01-01
  • 1970-01-01
  • 2023-03-07
相关资源
最近更新 更多