StencilJS - Bottomsheet不能按预期工作。如何把内容往上滑？
StencilJS 是一个基于 Web 组件标准的工具集，用于构建可重用的跨框架组件。Bottomsheet 是 StencilJS 中的一个组件，它用于展示一个底部菜单或对话框。
如果 Bottomsheet 无法按预期工作，即内容无法往上滑动，可能有以下几种解决方法：
- 确保正确使用组件属性和事件：首先，检查是否正确设置了 Bottomsheet 组件的属性和事件。例如，确保已经设置了内容区域的高度和滚动事件监听器。
- 检查 CSS 样式：检查是否有 CSS 样式冲突或覆盖了 Bottomsheet 的默认样式。可能需要调整或覆盖特定样式来实现滑动效果。查看组件文档或样式文件，了解所需样式的具体类名或属性。
- 检查依赖项和版本：确保使用的 StencilJS 和 Bottomsheet 的版本兼容，并且没有引入冲突的依赖项。
- 查看文档和社区资源：仔细阅读 StencilJS 和 Bottomsheet 的官方文档，查看是否有特定的配置或用法说明。此外，参考相关的社区资源、论坛或问答网站，寻找其他用户可能遇到的类似问题和解决方案。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，支持按需分配资源，满足不同规模的应用需求。产品介绍链接
- 腾讯云对象存储（COS）：提供安全可靠的云端对象存储服务，适用于图片、音视频、文档等各类数据的存储和访问。产品介绍链接
- 腾讯云数据库 MySQL 版：提供稳定可靠的云端数据库服务，支持高可用架构、容灾备份和弹性扩展。产品介绍链接
请注意，以上推荐的腾讯云产品仅供参考，并非对问题解决有直接关联。在实际应用中，根据具体需求和场景选择合适的云计算服务和产品。
相关·内容
在我工作的项目中，我们正在将所有的UI组件迁移到StencilJS，以便它们与框架无关。我遇到的问题是，现在我必须将react应用程序中的Modal迁移到StencilJS，然后该StencilJS组件将被React应用程序使用。 当然，情态动词有孩子，因为它们有内容。我知道你可以在StencilJS中使用<slot />呈现孩子，但是如果这些孩子是React组件呢，因为react应用程序是消费模式的应用程序？ 就像这样 <Stencil-js-modal>
<react-content-a/>
<other-react-component/
浏览 15提问于2019-03-08得票数 2
回答已采纳
我试图将我的应用程序与名为bottomSheet的material-components集成在一起。当我实现该组件时，它向我显示了正确，但与我预期的不同。
当它显示出来并且我一直向上滚动时，bottomSheet不会停留在视图底部
这里看起来像是
如何解决这个特定的问题？
以下是代码
let viewController: UIViewController = UIViewController()
viewController.view.backgroundColor = .red
let bottomSheet: MDCBottomSheetController =
浏览 10提问于2018-09-01得票数 2
回答已采纳
Android的导航组件能否用于BottomSheet中的导航(即在单个底部工作表中替换/添加片段)？
我知道如何使用导航图中的BottomSheetDialogFragment标记启动<dialog>。例如，下面的nav_graph.xml允许用户从一个BottomSheetDialogFragment (fragmentOne)导航到另一个BottomSheetDialogFragment (fragmentTwo)。FragmentTwo作为FragmentOne的BottomSheet上的第二个BottomSheet打开。
但是，如果我希望fragmentTwo在同一个Bo
浏览 1提问于2020-01-27得票数 13
1回答
我在一个BabylonJS应用程序中使用StencilJS，而且我似乎只能以一种非常特殊的方式导入。
例如，我做不到：
import { Engine, Scene } from "babylonjs";
上面写着'Engine' is not exported by node_modules\babylonjs\babylon.js但它是..。
我能做到：
import BABYLON from 'babylonjs';
然后把它当作
private _scene: BABYLON.Scene;
我想让前者工作。有什么建议吗？
第一种方法是大多
浏览 0提问于2019-08-17得票数 2
回答已采纳
底部工作表中的setstate即使使用状态小部件也不能工作..。我想在弹出底表后刷新父表的显示。
我应该把塞特状态改为无效吗？怎么做？
ElevatedButton(
...
onPressed: () {
BottomSheet(context, id, expiry);
},
...
),
void BottomSheet(BuildContext context, String id, String expiry) {
showModalBottomS
浏览 18提问于2022-04-21得票数 0
在尝试使用ServiceStack为TypeScript提供的cli工具时，我总是遇到DefaultImports特性不能按预期工作，或者以任何特别有用的方式运行。使用此功能的正确方法是什么？
例如：
/* Options:
Date: 2019-02-08...
...
//ExcludeTypes:
DefaultImports: Example
*/
将输出
import Example;
这是无效的，我期望的格式是import Example from ExampleModule。是我完全漏掉了什么，还是我的理解错了？
DefaultImports: Example from Ex
浏览 0提问于2019-02-09得票数 2
我知道如何在机器人上制作BottomSheet。
这是一种在布局上用<app:layout_behavior="com.google.android.material.bottomsheet.bottomsheetBehavior">编写CoordinatorLayout的方法。这是BottomSheetDialogFragment的一种方式。
然而，它的工作方式不像YouTube评论。
如果我滚动在RecyclerView中的项目，BottomSheet折叠或展开。
如果我在bottomSheet中滚动，我希望修复RecyclerView。我想要折叠底部的工作表，
浏览 11提问于2022-05-04得票数 0
1回答
我把我的底片设计成这样
<style name="ShapeAppearanceOverlay.BottomSheet" parent="">
<item name="cornerSize">30dp</item>
<item name="cornerFamily">rounded</item>
</style>
它工作得很好，我的底部工作表的拐角半径是30dp，但是如果我在我的底部工作表上推上幻灯片，拐角变平了，我如何防止这种情况发生？
浏览 3提问于2021-06-23得票数 0
当我尝试测试Header对象时，toEqual不能按预期工作。
我在下面的例子中隔离了这个问题：
const foo = new Headers();
const bar = new Headers();
bar.append('some', 'value'); // bar is mutated
expect(foo).toEqual(bar); // returns true...
尽管foo和bar是不同的，但规范如何通过？
浏览 3提问于2017-08-16得票数 0
我正在使用Flutter BottomSheet来显示信息，并希望即使在单击back按钮时BottomSheet也始终可见，并且为了使其工作，我显式地处理了onWillPop，并且即使在用户单击back按钮、更改路线等情况下也保持BottomSheet在视图中 BottomSheet的高度是200，我想保留它，并在单击back按钮时允许应用程序进入背景状态。 Widget _buildBody(context) => WillPopScope(
onWillPop: () async {
if(navigatorKey.currentState.canPop
浏览 31提问于2019-01-28得票数 2
回答已采纳
在我的spring-boot springboot服务类中，我创建了以下代码，它不能按预期工作：
服务类别：
Flux<Workspace> mWorkspace = webClient.get().uri(WORKSPACEID)
.retrieve().bodyToFlux(Workspace.class);
ArrayList<String> newmWorkspace = new ArrayList();
newmWorkspace = mWorkspace.blockLast();
return newmWorkspace;
请谁帮我把json值的列表转换成
浏览 5提问于2021-03-25得票数 0
我正在创建一个Javascript应用程序，在这个应用程序中，我需要检查一个数组(一个嵌套数组)，以确定包含两个对象的特定数组。嵌套数组看起来有点像这样：[[obj1, obj2], [obj2, obj3], [obj3, obj1]]
我遇到的问题是，即使应用程序的这一部分不会引发任何错误，它也不能按预期工作。我试图像这样处理它：array.includes([obj1, obj2])，但是这返回false，即使数组包含[obj1, obj2]。
那么，为什么这个方法不能按照预期的方式工作呢?对于这种情况，有什么更好的方法呢？
编辑：--我想严格比较数组中包含的对象，而不管包含它们的数组的
浏览 2提问于2019-09-08得票数 1
回答已采纳
当我将默认值绑定到textboxfor，但它不能按预期工作时
@Html.TextBoxFor(model => model.LinkAddress, htmlAttributes: new { @Value = ViewBag.link })
ViewBag.link是从控制器传递的值
我想将ViewBag.link的值设置为文本框的默认值，但它不能按预期工作
浏览 0提问于2018-09-27得票数 0
我想让多字段过滤与JpaRepository，但我需要保持分页(页面)。
我尝试了以下几种方法：
Page<Group> getAllByOrganizationAndIdNotInAndLocation_Id(Organization organization, Collection<Long> id, Long location_id, Pageable pageable);
但是，在某些情况下，我没有收到所有的预期变量，并且查询不能按我的预期工作
浏览 1提问于2021-03-19得票数 0
我试图调用一个调用getSupportFragmentManager()的方法，但是我得到：
IllegalStateException: FragmentManager has not been attached to a host.
广播接收器触发，在当前UI触发器中的活动中的方法，如下所示，但我得到了错误：
BottomSheet bottomSheet = new BottomSheet();
bottomSheet.show(getSupportFragmentManager(), "bottomButtons");
我所要做的就是从一个服务中调用bottomShee
浏览 8提问于2021-01-06得票数 0
回答已采纳
Playground Sandbox只需为react-table设置自定义钩子，即可启用自定义搜索和选择所有行。然后，当我选择单行时，就会发生这种情况，而且select All选项似乎不能按预期工作。 ?
浏览 13提问于2020-09-04得票数 0
1回答
(工作演示)
我制作了一个非常简单的组件，它为3s显示一条消息，然后是一条“完成”消息：
footer.component.ts
import { Component, OnInit } from '@angular/core'
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponen
浏览 0提问于2019-11-13得票数 3
回答已采纳
问题
在底部工作表中使用时，ConstraintLayout不像预期的那样工作。在本例中，ConstraintLayout包含两个图像，包括底部工作表中内容的句柄和一个视图。内容视图应该放在句柄图像下面，这是没有发生的。
实现
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/bottomSheet"
android:layout_width="match_parent"
android:layout
浏览 0提问于2018-11-02得票数 6
回答已采纳
我正在工作BottomSheetDialogFragment.Everything是完美的，但我有一个问题。我不能在我的BottomSheetDialogFragment.This中更改PeekHeight是我的源码
public class BottomSheet3DialogFragment extends BottomSheetDialogFragment {
private BottomSheetBehavior mBottomSheetBehavior2;
private BottomSheetBehavior.BottomSheetCallback
mBottom
浏览 17提问于2017-01-30得票数 2
我有一个Bitbucket管道，用于StencilJs项目，该项目的第一步是使用package.json使用npm version patch增加版本号。这很好，我把它推回存储库和所有的地方，没有问题。下一步是构建StencilJs项目。这里的问题是，这个项目是使用旧版本号构建的，而不是我碰到的那个版本。因此，package.json中的原始版本可能是1.0.3。第一步将版本推到1.0.4，并将其推送到存储库。我希望下一步使用1.0.4版本构建组件，但它没有，在构建时仍然使用1.0.3。
有谁知道我如何使版本1.0.4的构建出来？
好样的，拉尔斯
浏览 6提问于2021-06-15得票数 0
3回答
为什么下面的Haskell脚本不能按预期工作？
find :: Eq a => a -> [(a,b)] -> [b]
find k t = [v | (k,v) <- t]
给定find 'b' [('a',1),('b',2),('c',3),('b',4)]，解释器返回[1,2,3,4]而不是[2,4]。需要引入一个新的变量，下面称为u，才能使其正常工作：
find :: Eq a => a -> [(a,b)] -> [b]
find k t = [v | (u,v
浏览 1提问于2010-10-30得票数 5
回答已采纳
我正在使用。
我想知道如何在一个不同的文件(例如Navbar组件)中打开"BottomSheetModal“。
这就是我的代码现在打开同一组件内部的底部工作表的样子。
const BottomSheetModal: FC = () => {
const bottomSheetModalRef = useRef<BottomSheet>(null);
const snapPoints = useMemo(() => ["25%", "50%"], []);
const handlePresentModalPress
浏览 23提问于2022-01-15得票数 1
回答已采纳
我的minSDK版本是16，我的targetSDK版本是27。compileSDK版本为28。
由于targetSDK版本是27，它应该可以在Oreo(8.0.0)上运行，没有问题，但一些功能不能按预期工作。然而，它们在Nougat上工作得很好。为何会这样呢？
浏览 3提问于2018-08-17得票数 2
我正在使用gorhom/react-native-bottom-sheet
我所面临的问题是：
我在BottomSheet里面有一个BottomSheet，我可以在ios上滚动FlaLlist，但是它不能在安卓上工作。
浏览 10提问于2022-02-14得票数 2
回答已采纳
MVC4.当我在Kendo UI PanelBar中放置一个Grid时，它不能按预期工作。视图最终不会将Grid放在Content()中，而是将它自己一遍又一遍地放入recursively面板中。
@(Html.Kendo().PanelBar()
.Name("IntroPanelBar")
.Items(items =>
{
items.Add()
.Text("papering Reports")
.Selected(true)
浏览 0提问于2013-04-19得票数 1
回答已采纳
1回答
目前，我有以下jQuery，它显示一个div，然后在延迟后将其隐藏
$('.myDiv').slideDown('slow').delay(1500).slideUp('slow');
这是如预期的工作，然而，有没有办法，如果myDiv在它滑回之前悬停，它可以暂停延迟吗？
浏览 11提问于2017-01-24得票数 0
我在visual studio 2019中使用C#核心3.1 React模板。问题是重定向在下面的代码中不能按预期工作。如何解决这个问题？ return <Redirect to='/login' />
浏览 18提问于2021-08-15得票数 0
1回答
我正在创建一个表单，当我添加一个选择框时，布局不能按预期工作。选择框项目出现问题。我已经创建了
我把我的元素放在表单组中，每个元素都有50%的宽度。
<div class="form-group col-sm-6">
<label class="control-label input-sm col-sm-4" for="tipoDeuda">Tipo de Deuda</label>
<div class="col-sm-8">
浏览 0提问于2017-02-15得票数 0
令我沮丧的是，我发现contentEditable=true属性在iPhones或iPads上不能按预期工作。
有没有一种方法可以优雅地降级DHTML而不求助于文本区，并且不会失去iPhone或iPad上所有丰富的contentEditable格式优势？
浏览 24提问于2011-03-29得票数 5
回答已采纳
还有很多其他的问题，但似乎都不适用。我确信这很简单，但这并不像我期望的那样工作：
$('#conflictsPane').css('left','600px')
.css('z-index', '1')
.animate({ left: "750px" }, 'slow')
.css('z-index', '101')
.animate({ left: "720px" }, 'fast')
浏览 0提问于2013-05-26得票数 7
回答已采纳
3回答
协同作用是一个著名工具，只有一个键盘和鼠标，用于两台具有一个屏幕的联网(TCP/IP)计算机。我喜欢把它用在以前的工作上。现在，在我的新工作，我仍然有两台PC，但他们是在完全不同和孤立的网络:管理和开发，Windows和Linux，相应。
看到腻子(视窗)的“串行”特性，它通常能够完成各种隧道操作，我不知道它是否允许我通过TCP跨串行连接使用协同。我想我需要在Linux端使用滑滑。
有没有人有这方面的经验，或者部分经验？
浏览 0提问于2009-05-18得票数 9
我有一个输入字段和两个按钮提交和取消底部表。
父组件
<div class="something" (click)="openBottomSheet()"></div>
父组件TS
import { MatBottomSheet } from "@angular/material";
constructor(private bottomsheet: MatBottomSheet) { }
openBottomSheet(): void {
this.bottomsheet.open(BottomsheetCom
浏览 0提问于2020-02-23得票数 5
回答已采纳
如果我用：
suspend fun <T> A(block: suspend () -> T){
///std.
}
所有事情都是正确的，但是：
suspend fun <T> (suspend () -> T).A(){
///std.
}.
没有编译错误，但我不能在挂起函数中使用它。
例如，我们有这种乐趣(做工作是一个挂起函数)：
accountManager.doWork(password)
在第一种情况下，它可以很好地工作：
A {
accountManager.doWork(password)
}
在第二种情况下，它不能按预期工作(编译错误)：
a
浏览 10提问于2022-12-03得票数 0
回答已采纳
1回答
这个代码有什么问题？如何检测会话状态，下面给出的代码不能按预期工作？
OleDbCommand cmd4 = new OleDbCommand(sql4, conn4);
if (conn4.State == ConnectionState.Open) {
conn4.Close();
}
conn4.Open();
浏览 2提问于2020-03-10得票数 0
1回答
我想实现UI，如所附照片所示。当我按下“显示更多”时，它应该显示像这样的模态底片。我试着使用bottomSheet使用一个名为: solid_bottom_sheet的包，如下所示，但它的工作方式与预期不同
Scaffold(
bottomSheet: SolidBottomSheet(
draggableBody: true,
headerBar: Column(
mainAxisSize: MainAxisSize.min,
children: [
浏览 14提问于2022-08-09得票数 1
回答已采纳
我使用Jetpack Compose来显示全屏BottomSheet。当用户将此底部工作表滑动到底部以关闭它时，它会停留在HalfExpanded状态。然后用户需要再次滑动才能完全关闭它。我如何跳过这个HalfExpand和隐藏BottomSheet第一次滑动。
浏览 42提问于2022-06-08得票数 2
我想在我的StencilJS组件之间共享状态。所以我查看了他们在上推广的Redux实现。它做的事情类似于
@Prop({ context: "store" }) store: Store;
但现在我只修改了，它描述了使用context已被弃用。我实际上很喜欢使用context，但如果它被弃用了，我如何在组件之间共享状态。我并不是真的希望把所有的东西从父母传给孩子，再传给其他人。
浏览 28提问于2020-02-06得票数 2
回答已采纳
好吧，我一直在用这玩意儿撞墙。我在Flex中有以下set函数。
public function set periodChangeAmount(value:int):void
{
_PeriodChangeAmount = value;
refreshStartEndDates();
}
如果将periodChangeAmount设置为-1或1，则会触发set方法。如果我把它设为零，它就不会被解雇。怎么回事？有人知道为什么将它设置为零时不会被调用吗？如果我将对象类型更改为一个数字，甚至是一个对象，它仍然不能按预期工作。任何帮助都将不胜
浏览 1提问于2009-10-08得票数 5
回答已采纳
我想在页面片段加载时显示AppBar，但是在ready函数中运行的这段代码不能按预期工作：
function ready(element, options) {
var appBar = document.getElementById("appBar").winControl;
appBar.disabled = false;
appBar.show();
}
如何在页面片段加载时显示AppBar？
浏览 0提问于2012-03-18得票数 3
12回答
当我使用内置身份验证并尝试从/auth/logout注销用户时-它不能按预期工作。它似乎可以让用户保持登录状态。但是当我清除我的浏览器缓存时，我可以看到它实际上已经注销了用户。
我没有在页面上得到任何错误，也没有在日志文件中得到任何错误。
我猜logout方法中的Session::flush()可能会解决这个问题--但我不知道该把它放在哪里。谁能给我指个方向？
浏览 53提问于2015-02-27得票数 22
回答已采纳
有两种情况，一种有效，另一种无效，我想知道为什么？由于这对我来说并不透明，这真的让我感到疑惑。
隐藏myform：
if($("#msg:contains('Registration successful')").length ) {$("#myform").hide();}
不能按预期工作(总是隐藏myform)：
if($("#msg:contains('Registration successful')") ) {$("#myform").hide();}
为什么这里需要.length？
浏览 0提问于2014-07-03得票数 3
我正在尝试实现一个使用BottomSheetFragment的BottomSheet，当用户在对话框外部单击时，它会折叠。我曾尝试覆盖onCancel，但将状态设置为STATE_COLLAPSED，但它不起作用-在外部单击时，BottomSheet将消失。还有setHideable(false)。因此，我期望当用户在外部单击时，底部表单会折叠，但事实并非如此。我如何才能做到这一点？
public class MyBottomSheet extends BottomSheetDialogFragment {
public void onCreate(Bundle savedInstan
浏览 1提问于2020-03-07得票数 2
1回答
反应-引导旋转木马无限循环？
、、、、
我在我的react-bootstrap项目中使用了旋转木马。
最后一张图片从左到右滑回第一张。
预期的操作将是恢复从右到左的滑动。
没有明确的“无限循环”选项。
有没有人遇到这个问题，如何解决？
浏览 3提问于2020-10-19得票数 0
我从一个bottomSheet打开一个新的bottomSheet。当服务结果成功时，我将调用When ()并打开新片段。这在大多数情况下都是可行的，但有时以前的bottomSheet现在已经解散了。例如，当显示一个alertDialog时，我关闭底部工作表，然后重新打开它，这个问题就会发生。第一个BottomSheet：
btnSend.click {
viewModel.callServiceFunction()
}
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
o
浏览 6提问于2022-01-13得票数 0
我使用在我的项目中显示底部页。我已经从文档中了解了如何使用它的概念。有什么方法可以像Widget一样使底部的工作表可重用吗?我已经尝试过这样做了：
BottomSheetComponent.js
const BottomSheet = ({ message, buttonText }) => {
// to open this sheet as soon as someone call this Component
this.RBSheet.open();
return(
<RBSheet ref={ ref => { thi
浏览 6提问于2020-11-27得票数 2
回答已采纳
2回答
如何在Ruby中完成以下操作？
由于按值传递参数的原因，它不能按预期工作。
def validate! msg
if msg.is_a?(String)
msg = [ msg ]
end
end
如果用另一个字符串替换消息，则可以使用#replace。
浏览 2提问于2017-02-24得票数 2
我在一个BottomSheetDialogFragment里面有一个RecyclerView，当被点击时，一个按钮BottomSheet正在显示。BottomSheetDialog在向下滚动时展开，当卷轴在顶部正常完成时崩溃。
但是，当我将RecyclerView放置在片段中并将片段放置到BottomSheetDialog中时；BottomSheet行为不工作于该片段时，只起作用于RecyclerView滚动。另一方面，这些行为在BottomSheet上的其他地方起作用。如何像第一种行为一样启用这些行为？
浏览 11提问于2022-02-22得票数 1
回答已采纳
为什么下面的代码不能按预期工作？(选择div之前的所有元素，并使用class = clear?)
HTML:
<div id="text">
line0
<div>line1</div>
<div>line2</div>
<div class="clear" />
<div>dummy</div>
<p>dummy</p>
</div>
JS:
浏览 6提问于2012-06-14得票数 1
回答已采纳
如果将tableVIew cell设置为可编辑，以便可以重新排列cells的顺序，则这些按住并拖动标记将显示在cells中
很好，但缺点是他们把整个cell推到左边，所以应该把东西放在中间的auto layout不能按我预期的方式工作。我想放在中间的标签现在有点靠左了。即使我将事情限制到cell本身，我也会得到相同的结果，因为看起来整个单元都被推送了。
有没有办法获得编辑标记的width (不确定它的技术术语)，以便我可以在设置auto layout时将其考虑在内？或者有其他方法可以绕过这一点？
浏览 8提问于2020-05-26得票数 0
回答已采纳
如何以编程方式关闭持久BottomSheet？另外，是否有一种方法只显示部分持久底部工作表，而用户可以将工作表向上拖动以查看全部内容？
下面的代码显示持久的底部工作表。
homeScaffoldKey.currentState.showBottomSheet<Null>((BuildContext context) {
return Container(
height: 300.0,
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>
浏览 0提问于2019-01-20得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
