小编典典

滚动视图内部视图不起作用反应本机

reactjs

在这里,我正在尝试一个简单的代码,但是如果将滚动视图保留在另一个视图中,则滚动视图将不起作用。代码是这样的:

  return(
  <View>
    <Toolbar title={this.props.title}>
    </Toolbar>

    <ScrollView>

      <HomeScreenTop />
      <HomeScreenBottom navigator={navigator}/>

      </ScrollView>

  </View>
 );

但是,如果将滚动视图保留为父视图,则效果很好。代码如下:

  return(
  <ScrollView>
    <Toolbar title={this.props.title}>
    </Toolbar>

      <HomeScreenTop />
      <HomeScreenBottom navigator={navigator}/>

  </ScrollView>
 );

现在的问题是我不希望我的工具栏上下滚动,我只想移动工具栏下面的内容。我该如何实现?

下一个问题:滚动视图必须是父视图才能恢复工作吗?


阅读 267

收藏
2020-07-22

共1个答案

小编典典

您应该在视图中包装工具栏,如下所示:

<View><Toolbar/></View>

将要在scrollview中滚动的那些组件包装为:

<ScrollView>your expected components...</ScrollView>

并提供根目录弹性为:

<View style={{flex:1}}>

最后,您的代码将按预期运行。

2020-07-22