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

Question

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

请记住，ScrollViews 必须有一个有界的高度才能 工作，因为它们包含无限高的孩子到有界 容器（通过滚动交互）。为了限制高度 一个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 哪个响应者？

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

Answer 1

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没有高度，flexbox也设置为零。

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

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