在这里,我try 一个简单的代码,但滚动视图是不工作的,如果保持在另一个视图.代码如下:

  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>
 );

现在的问题是,我不想让我的工具栏上下滚动,我只想让工具栏下面的内容移动.我怎样才能做到这一点?

下一个问题:滚动视图是否必须是父视图才能返回工作?

推荐答案

您应该像这样在视图中包装工具栏:

<View><Toolbar/></View>

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

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

并提供从flex到root的视图,如下所示:

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

最后,代码将按预期运行.

Reactjs相关问答推荐

InfiniteScroll持续获取数据,直到超过最大更新深度

在Next.js中实现动态更改的服务器组件

如何在Reac.js中通过子组件和props 调用父组件函数?

React:关于useEffect钩子如何工作的困惑

用于获取带有事件处理程序的API的动态路由

如何使用react-router-dom保护嵌套在受保护路由中的嵌套路由?

如何清除过滤器搜索的状态

通过createRoot创建的React元素无法调用Provider值

React-router-dom的链接不改变路由(ReactRouter6)

为什么我的 Next.js (React) 组件只有在页面中时才有效?

如何防止开发人员使用 ESLint 在 React 项目中使用特定的钩子?

Redux Toolkit 配置,是否适用于全栈应用程序?

我正在try 将一组加载程序函数发送到我的路由,它抛出一个错误 Handler is not a funtion in a reactJs application

需要在窗口调整大小时更新 React 组件

将路径数组传递给Route会引发错误

是什么导致了这个令人惊讶的数组导致 React

如何在 React JS 上使文本中的单词可点击

为什么重新渲染不会影响 setTimeout 的计数?

如何通过 Material Ui 设计将 Accordion 添加到您的 React 项目中?

服务器端分页未按预期工作