dart - 如何在Dart中使用CompositeView创建可滚动的div?

标签 dart

我正在尝试从Dart的ui_lib使用CompositeView。我想在可以上下滚动的div中显示内容。到目前为止,我还没有运气,也没有太多的例子。

提前致谢,
用户名

编辑:

我去了。现在,我已经显示了滚动条,但是内容的大小被视为窗口的大小。因此,是的,我可以看到上下滑动并看到更多的东西,但它会弹回到最初的原始位置。

var v = new CompositeView('example', true, true, true, true);
for (var i = 0; i < 20; i++) {
    v.addchild(new View.html("<div><h1>Some text</h1></div>"));
}

最佳答案

诀窍是确保内容的容器具有窗口的大小。为此,您需要添加一些CSS:

html {
  height: 100%;
  width: 100%;
}

body {
  margin: 0 0 0 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

这是重要的一点,您必须为此指定容器div:
.example {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

关于dart - 如何在Dart中使用CompositeView创建可滚动的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12119550/

相关文章:

flutter - Flutter如何像书本一样垂直滚动屏幕

dart - Flutter URL 启动器 Google map

flutter - Dart FFI 到底是如何实现的?它们与普通函数调用一样便宜,还是在幕后做繁重的工作?

flutter - 在StatefulWidget Flutter中访问变量的最佳方法

flutter - 覆盖给我一个错误,我找不到函数

flutter - 每次我输入文本字段时,Flutter AnimatedSwitcher都会重建

dart - 如何在选择时更改列表图 block 的布局?

Dart 如何明确说明要使用哪个包类?

flutter - 将数字转换为科学计数法并获得指数 flutter

Flutter - 如何制作自定义 TabBar