ScrollView仅用于组件的一部分吗? (反应本机)

时间:2019-11-24 09:36:21

标签: android react-native react-native-android react-native-ios

(ReactNative的新功能)

我目前有一个React Native应用,该应用的组件具有以下(大致)结构:

    <View>
      <View>
         <TextInput />
         <Text />
      </View>
      <View>
         <Image />
         <Button />
      </View>
    </View>

因此,在该父视图中,我们将其称为 View1 View2 。我可以很容易地将父视图替换为ScrollView,并使整个组件可滚动。但是,如果我只希望 View2 可滚动并保持 View1 怎么办?我的意思是垂直滚动,而不是水平滚动/分页。

我该怎么做?退出ScrollView的 View2 无效。我还在寻找不需要将View1和View2分成不同组件的解决方案,因为当前存在一种复杂的机制,依赖于两者之间的共享状态。

有什么建议吗?很高兴在必要时提供一些实际的代码,但我相信以上内容足以使人对此感到满意。

谢谢。

1 个答案:

答案 0 :(得分:0)

这可以使用嵌套组件来解决。

您已经注意到,可以很容易地使整个组件滚动。因此,通过将View2设为单独的组件,您可以仅在View2中实现滚动。

来自http://reactjstutorial.net/

  

嵌套组件嵌套组件正是名称所隐含的含义。   它们是嵌套在父级组件内的子级。他们只是帮助我们   创建更复杂的UI结构。例如,警报组件   可能在其中嵌套了另一个子组件以指示   实际警报数。消息框具有一个内部输入元素,并且   发送按钮。