时间戳

首页 > 解决方案 > 对有关“ScrollView”的反应原生文档感到困惑

react-native - 对有关“ScrollView”的反应原生文档感到困惑

问题描述

文档在这里 当我阅读官方文档并试图弄清楚如何正确使用 ScrollView 时，我对以下词语感到困惑：

请记住，ScrollView 必须有一个有界高度才能工作，因为它们在有界容器中包含无界高度的子项（通过滚动交互）。为了限制 ScrollView 的高度，要么直接设置视图的高度（不鼓励），要么确保所有父视图都有限制的高度。忘记将 {flex: 1} 向下传输视图堆栈可能会导致此处出现错误，元素检查器使调试变得容易。

尚不支持其他包含的响应者阻止此滚动视图成为响应者。

  1. 什么是a scroll interaction以及如何contain unbounded-height children into a bounded container通过它？

  2. 是什么make sure all parent views have bounded height意思？<ScrollView> 标签的父级？如果我想要响应式布局怎么办？

  3. 是什么transfer {flex: 1} down the view stack意思？如果我忘记这样做会出现什么错误？

  4. Doesn't yet support other contained responders from blocking this scroll view from becoming the responder 是否blocking this scroll view意味着滚动视图无法滚动？ becoming哪个响应者？

任何帮助，将不胜感激。感谢您的时间。

标签： react-nativescrollview

解决方案

  1. 什么是a scroll interaction以及如何contain unbounded-height children into a bounded container通过它？

所有这些信息归结为滚动视图没有初始高度，但它需要一个高度才能知道滚动的边界。

  1. 是什么make sure all parent views have bounded height意思？的父母？如果我想要响应式布局怎么办？

您可以为滚动视图设置硬编号高度，但不建议这样做，因为它不考虑不同的手机尺寸。如果你想要一个响应式布局......然后做推荐的 flexbox 方式。

  1. 是什么transfer {flex: 1} down the view stack意思？如果我忘记这样做会出现什么错误？

推荐的选项是使用{flex: 1}，但子 flexbox 布局依赖于高度和宽度，因此如果父级没有高度，则 flexbox 也设置为零。

  1. Doesn't yet support other contained responders from blocking this scroll view from becoming the responder. 是否blocking this scroll view意味着滚动视图无法滚动？becoming哪个响应者？

这意味着滚动视图不能被自身内部的任何事件停止。例如：如果您在垂直滚动视图中有一个水平滚动视图，则水平滚动视图不会停止垂直滚动视图。

推荐阅读