jjzjj

dart - 部分可见的 Bottom Sheet - flutter

coder 2023-05-09 原文

是否有可能在初始状态下让 Bottom Sheet 部分可见，然后可以展开/关闭？

我已附上 Google map 实现示例的屏幕截图。

最佳答案

将 DraggableScrollableSheet 小部件与 Stack 小部件一起使用:

这里是 gist对于此^ GIF 中的整个页面，或尝试Codepen .

整个页面的结构如下:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[
          CustomGoogleMap(),
          CustomHeader(),
          DraggableScrollableSheet(
            initialChildSize: 0.30,
            minChildSize: 0.15,
            builder: (BuildContext context, ScrollController scrollController) {
              return SingleChildScrollView(
                controller: scrollController,
                child: CustomScrollViewContent(),
              );
            },
          ),
        ],
      ),
    );
  }


在堆栈中:
- 谷歌地图是最低层。
- 标题(搜索字段 + 水平滚动条)位于 map 上方。
- DraggableBottomSheet 在标题上方。

draggable_scrollable_sheet.dart中定义的一些有用参数:

  /// The initial fractional value of the parent container's height to use when
  /// displaying the widget.
  ///
  /// The default value is `0.5`.
  final double initialChildSize;

  /// The minimum fractional value of the parent container's height to use when
  /// displaying the widget.
  ///
  /// The default value is `0.25`.
  final double minChildSize;

  /// The maximum fractional value of the parent container's height to use when
  /// displaying the widget.
  ///
  /// The default value is `1.0`.
  final double maxChildSize;

编辑:谢谢 @Alejandro指出小部件名称中的错字:)

关于dart - 部分可见的 Bottom Sheet - flutter ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52403709/

flutterBottomcodesectionnoreferrerdartmodal-dialogbottom-sheet

有关dart - 部分可见的 Bottom Sheet - flutter的更多相关文章

  1. ruby - 即时确定方法的可见性 - 2

    我正在编写一个方法，它将在一个类中定义一个实例方法；类似于attr_accessor:classFoocustom_method(:foo)end我通过将custom_method函数添加到Module模块并使用define_method定义方法来实现它，效果很好。但我无法弄清楚如何考虑类(class)的可见性属性。例如，在下面的类中classFoocustom_method(:foo)privatecustom_method(:bar)end第一个生成的方法(foo)必须是公共(public)的，第二个(bar)必须是私有(private)的。我怎么做？或者，如何找到调用我的cust

  2. ruby - 如何使用部分字符串搜索数组并返回索引？ - 2

    我想使用部分字符串搜索数组，然后获取找到该字符串的索引。例如:a=["Thisisline1","Wehaveline2here","andfinallyline3","potato"]a.index("potato")#thisreturns3a.index("Wehave")#thisreturnsnil使用a.grep将返回完整的字符串，使用a.any?将返回正确的true/false语句，但都不会返回匹配的索引找到了，或者至少我不知道该怎么做。我正在编写一段代码，该代码读取文件、查找特定header，然后返回该header的索引，以便它可以将其用作future搜索的偏移量。如果

  3. ruby-on-rails - 如何将数据传递给部分？ - 2

    K伙计们，所以我创建了这个赞成/反对的投票脚本(基本上就像stackoverflow上的那个)，我试图向其中添加一些Ajax，这样页面就不会在您每次投票时都重新加载。我有两个Controller，一个叫grinder，一个叫votes。(磨床基本都是帖子)所以这是所有研磨机的索引(看起来像这样)这是该页面的代码。Listinggrinders"grinders/grinders")%>这就是我在views/grinders/_grinders.erb中的内容true)do|u|%>grinder.id%>"up"%>'create')%>true)do|d|%>grinder.id%>

  4. ruby - 是否可以动态检查方法可见性范围(私有(private)/公共(public)/ protected )？ - 2

    如thisanswer中所述，在Ruby2.1或更高版本中，此代码:classSimpleTestprivatedefine_method:foodo42endend将定义foo作为SimpleTest的私有(private)方法实例。(在Ruby2.0和更早版本中，它不会是私有(private)的。)但是，我希望做一些不那么琐碎的事情。我想定义一个类可以扩展的DSL，并希望DSL在内部定义的方法尊重调用上下文的私有(private)/protected可见性。这可能不是很清楚，所以这里有一个例子:moduleDsldefhas_a(name)define_methodnamedo42

  5. ruby-on-rails - 将 restclient 与多部分帖子一起使用 - 2

    我将restclient用于多部分表单，以将数据发送到restfulweb服务(它是Panda视频编码服务)。不过，诀窍在于我传递给restclient(Technoweenie分支)的文件来自用户提交的我自己的表单。那么，让我们来看看这个。用户将文件发布到我的Rails应用程序。在我的Controller中，它从params[:file]接收文件。然后我想使用RestClient将params[:file]传递给Panda。我在Panda服务器上遇到的错误如下。我注意到堆栈跟踪中的文件参数也在一个字符串中(我假设Panda将其转换为字符串以获得更好的堆栈跟踪)。~Startedreq

  6. ruby-on-rails - 独立测试 Rails 部分 View - 2

    我在标准rails2.1项目中使用Test/Unit。我希望能够独立于任何特定的Controller/操作来测试分部View。好像ZenTest'sTest::Rails::ViewTestCase会有所帮助，但我无法让它工作，与view_testhttp://www.continuousthinking.com/tags/view_test类似Google出现的大部分内容似乎都已经过时了，所以我猜它并不真正适用于Rails2.1非常感谢任何帮助。谢谢，罗兰 最佳答案 我们正在使用RSpec在我们的Rails2.1项目中，我们可以做

  7. ruby - 如何在 ruby​​ 中实现 curry(部分函数) - 2

    我需要一些在ruby​​(1.8.6或1.8.7而不是1.9)中实现curry函数的示例。 最佳答案 下面是如何用block而不是方法来柯里化(Currying):defcurry(&block)arity=(block.arity>=0)?block.arity:-(block.arity+1)#returnanimmediatevalueiftheblockhasonereturnblock[]ifarity==0#otherwise,curryitargumentbyargumentargs=[]innermost=lambd

  8. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  9. ruby-on-rails - Rails 4 通过渲染部分传递多个变量 - 2

    这个问题已经被问过很多次了，但我无法让它工作。我想像这样将多个变量传递给我的部分...这是部分material_fields.html.erb中的一行，我希望f.select预先填充Yes选项或“true”值。(有些情况下我希望它是假的)f可用并且有效，而feed不可用......我不知道为什么这不起作用。我在select语句之外尝试了，但它仍然不起作用。在这两种情况下，我都得到未定义的局部变量或方法“feed”。有人知道我的语法有什么问题吗？ 最佳答案 我想通了是什么问题。我有后来我在同一个View中显然，当从一个文件渲染相同的部

  10. ruby-on-rails - 是否可以在部分中只放置一个 rails 表单元素？ - 2

    我的应用有一个选择框供用户选择“地点”。如您所料，此选择框位于一个表单中。我还在页面上的某处执行了一个操作，该操作通过AJAX创建了一个新场所。创建新field后，我想更新field选择框以反射(reflect)这一点。我的解决方案是将选择框放在局部中，并从Controller中的创建操作中呈现局部。'venue/venue_select_box'%>局部看起来像这样:'Selectavenue'%>其中f是表单引用:问题是f在部分中未定义，所以我得到一个错误。一种解决方案是包括整个表格，但我觉得没有必要这样做，因为我没有更新整个表格。关于如何解决这个问题有什么想法吗？

随机推荐