问题标签 [bottom-sheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
7084 浏览

android - 全屏底部工作表,顶部带有关闭(X)按钮

我正在尝试从谷歌设计库中实现一个底页。单击按钮应打开覆盖整个活动窗口的底部工作表。就像我们在 Inbox by Gmail 中打开电子邮件一样。但是,它应该从底部打开并向下滑动以关闭。

按钮单击应打开底部工作表,向下滑动或左上角关闭 (X) 按钮应关闭工作表。

我已经设置了这样的东西:

我正在像这样初始化它:

但是,当我单击一个按钮时,文本只会出现在底部。重叠默认的现有内容。并且底片后面没有黑色透明色调。

单击按钮时如何使其全屏显示?

我在这里不使用片段的原因是,我有一些(许多)变量,具体取决于底部表格的内容。所以,如果我通过片段显示底部表,我需要来回传递和接收所有数据。为了避免这种情况,我希望它成为活动的一部分。

有什么办法可以做到这一点?谢谢你的帮助。

0 投票
1 回答
101 浏览

java - 内置网格底片?

是否有网格底表的内置方式,通常在某些应用程序中用于共享,还是我必须创建自定义底表?

0 投票
4 回答
6340 浏览

android - 高程不适用于协调器布局内的 BottomSheet

我正在尝试BottomSheet在我的布局中使用 a 。根视图是一个CoordinatorLayout,我想设置Elevation在底部表的顶部,所以我将它设置为一个高值(50dp),但是它没有显示应用程序何时运行,但它出现在 android studio 设计工具上。

我试图用纯色而不是渐变为工作表设置背景,但它仍然有效。我也尝试使用阴影形状,但它没有给出相同的高度外观。

这是我的 XML

编辑:bottom_sheet_layout.xml

那么我怎样才能使海拔显示在顶部Bottom Sheet

任何人都可以帮忙,好吗?

0 投票
2 回答
7120 浏览

android - 带有 EditText 的 BottomSheet

我有自定义的 BottomSheetDialogFragment。这个片段有 EditText 和 Button。

当我关闭键盘时,这个片段几乎隐藏了(见截图)。 打开键盘前 的屏幕 关闭键盘后的屏幕

调用片段:

活动的 XML:

0 投票
1 回答
681 浏览

android - 模态底页:如何从操作栏设置 8dp?

我想使用模态底页。材料设计指南说,完全展开的底部工作表应该在操作栏下方 8dp。我怎样才能做到这一点?我想X在操作栏中保留一个标记以在完全展开时关闭底页。

当我尝试使用 linearLayout 底页时,当状态展开时它会占据整个屏幕。

我的底页布局

0 投票
2 回答
2002 浏览

angularjs - 在 mdBottomSheets(角材料底片)中传递当地人

我试图在 BottomSheet 控制器中传递本地人

但是 $scope.Item 没有填充。在 BottomSheet 控制器中传递本地人的正确方法是什么?

0 投票
3 回答
8507 浏览

android - 通过向下拖动关闭后,BottomSheetDialog 保持隐藏状态

我很好奇BottomSheetDialog它被解除时的行为:当用户将其向下拖动以隐藏它时,即使在bottomSheetDialog#show()之后调用它,它也会保持隐藏状态。这只发生在它被向下拖动时,而不是当用户触摸外部或bottomSheetDialog#dismiss()以编程方式调用时。

这真的很烦人,因为我有一个很大bottomSheetDialog的里面有一个 recyclerview,每次我想展示bottomSheetDialog.

所以不仅仅是这样做:

我必须每次都创建一个。

我错过了什么还是正常行为?(顺便说一句,我用appcompat-v7:23.2.1

0 投票
0 回答
1233 浏览

android - Android:BottomSheetDialog 的全屏和最大高度

显示 `BottomSheetDialog 时有没有办法做 ff ?

  1. 隐藏状态栏还是BottomSheetDialog全屏?
  2. 限制 的高度BottomSheetDialog,使其不会与ActionBar

活动

BottomSheetDialog 布局,这是在 ViewStub 中加载的

展开的 BottomSheetDialog 展开的 BottomSheetDialog

窥视高度 BottomSheetDialog 窥视高度 BottomSheetDialog

隐藏的BottomSheetDialog 隐藏的BottomSheetDialog

0 投票
2 回答
3500 浏览

android - Android BottomSheetDialog 添加了额外的垂直边距

我有BottomSheetDialogBottomSheetDialogFragment一个布局:

两者都增加了额外的上边距,这等于Toolbar高度。看起来像:

在此处输入图像描述 在此处输入图像描述

我的BottomSheetDialogFragment

我创建这样的对话框:

请帮忙,因为我不知道。

0 投票
1 回答
2229 浏览

android - CoordinatorLayout 和 BottomSheetBehavior 的 react-native 包装器

我一直在编写一个包含BottomSheetBehavior的原生 android 模块。

可以像这样实现一个非常简单的 BottomSheetBehavior https://gist.github.com/cesardeazevedo/a4dc4ed12df33fe1877fc6cea42475ae

我面临的第一件事是,整个页面必须是 CoordinatorLayout 的子级,并且底部是 BottomSheetBehavior。

所以我不得不编写 2 个本机模块,<CoordinatorLayout />并且<BottomSheetBehavior />.

这是bottomSheetBehavior 包装器。

BottomSheetBehaviorManager.java

BottomSheetBehaviorView.java

我的反应组件变成了这样。

index.android.js

它有效!

反应原生底层行为

但我一直在努力让 BottomSheet 用 包裹他们的孩子wrap_content,它不应该滑动整个屏幕,它应该只滑动穿过包裹的内容(在这种情况下是 lorem ipsum 文本),它适用于 android 组件但它不使用反应组件。那么,如何让一个RelativeLayoutto 包装一个 react<View style={{height: 300}} />组件呢?我也尝试实现一些度量 shadownode,但没​​有按预期工作,我不知道它们是如何工作的。

我已经在我的 github 上添加了这个示例,供大家尝试。 https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior