(ReactNative的新功能)
我目前有一个React Native应用,该应用的组件具有以下(大致)结构:
<View>
<View>
<TextInput />
<Text />
</View>
<View>
<Image />
<Button />
</View>
</View>
因此,在该父视图中,我们将其称为 View1 和 View2 。我可以很容易地将父视图替换为ScrollView,并使整个组件可滚动。但是,如果我只希望 View2 可滚动并保持 View1 怎么办?我的意思是垂直滚动,而不是水平滚动/分页。
我该怎么做?退出ScrollView的 View2 无效。我还在寻找不需要将View1和View2分成不同组件的解决方案,因为当前存在一种复杂的机制,依赖于两者之间的共享状态。
有什么建议吗?很高兴在必要时提供一些实际的代码,但我相信以上内容足以使人对此感到满意。
谢谢。
答案 0 :(得分:0)
这可以使用嵌套组件来解决。
您已经注意到,可以很容易地使整个组件滚动。因此,通过将View2设为单独的组件,您可以仅在View2中实现滚动。
嵌套组件嵌套组件正是名称所隐含的含义。 它们是嵌套在父级组件内的子级。他们只是帮助我们 创建更复杂的UI结构。例如,警报组件 可能在其中嵌套了另一个子组件以指示 实际警报数。消息框具有一个内部输入元素,并且 发送按钮。