问题标签 [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.
android - 全屏底部工作表,顶部带有关闭(X)按钮
我正在尝试从谷歌设计库中实现一个底页。单击按钮应打开覆盖整个活动窗口的底部工作表。就像我们在 Inbox by Gmail 中打开电子邮件一样。但是,它应该从底部打开并向下滑动以关闭。
按钮单击应打开底部工作表,向下滑动或左上角关闭 (X) 按钮应关闭工作表。
我已经设置了这样的东西:
我正在像这样初始化它:
但是,当我单击一个按钮时,文本只会出现在底部。重叠默认的现有内容。并且底片后面没有黑色透明色调。
单击按钮时如何使其全屏显示?
我在这里不使用片段的原因是,我有一些(许多)变量,具体取决于底部表格的内容。所以,如果我通过片段显示底部表,我需要来回传递和接收所有数据。为了避免这种情况,我希望它成为活动的一部分。
有什么办法可以做到这一点?谢谢你的帮助。
java - 内置网格底片?
是否有网格底表的内置方式,通常在某些应用程序中用于共享,还是我必须创建自定义底表?
android - 高程不适用于协调器布局内的 BottomSheet
我正在尝试BottomSheet
在我的布局中使用 a 。根视图是一个CoordinatorLayout
,我想设置Elevation
在底部表的顶部,所以我将它设置为一个高值(50dp),但是它没有显示应用程序何时运行,但它出现在 android studio 设计工具上。
我试图用纯色而不是渐变为工作表设置背景,但它仍然有效。我也尝试使用阴影形状,但它没有给出相同的高度外观。
这是我的 XML
编辑:bottom_sheet_layout.xml
那么我怎样才能使海拔显示在顶部Bottom Sheet
任何人都可以帮忙,好吗?
android - 带有 EditText 的 BottomSheet
我有自定义的 BottomSheetDialogFragment。这个片段有 EditText 和 Button。
当我关闭键盘时,这个片段几乎隐藏了(见截图)。 打开键盘前 的屏幕 关闭键盘后的屏幕
调用片段:
活动的 XML:
android - 模态底页:如何从操作栏设置 8dp?
我想使用模态底页。材料设计指南说,完全展开的底部工作表应该在操作栏下方 8dp。我怎样才能做到这一点?我想X
在操作栏中保留一个标记以在完全展开时关闭底页。
当我尝试使用 linearLayout 底页时,当状态展开时它会占据整个屏幕。
我的底页布局
angularjs - 在 mdBottomSheets(角材料底片)中传递当地人
我试图在 BottomSheet 控制器中传递本地人
但是 $scope.Item 没有填充。在 BottomSheet 控制器中传递本地人的正确方法是什么?
android - 通过向下拖动关闭后,BottomSheetDialog 保持隐藏状态
我很好奇BottomSheetDialog
它被解除时的行为:当用户将其向下拖动以隐藏它时,即使在bottomSheetDialog#show()
之后调用它,它也会保持隐藏状态。这只发生在它被向下拖动时,而不是当用户触摸外部或bottomSheetDialog#dismiss()
以编程方式调用时。
这真的很烦人,因为我有一个很大bottomSheetDialog
的里面有一个 recyclerview,每次我想展示bottomSheetDialog
.
所以不仅仅是这样做:
我必须每次都创建一个。
我错过了什么还是正常行为?(顺便说一句,我用appcompat-v7:23.2.1
)
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 组件但它不使用反应组件。那么,如何让一个RelativeLayout
to 包装一个 react<View style={{height: 300}} />
组件呢?我也尝试实现一些度量 shadownode,但没有按预期工作,我不知道它们是如何工作的。
我已经在我的 github 上添加了这个示例,供大家尝试。 https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior