reactjs - View 内的 ScrollView 无法正常 react native

标签 reactjs react-native

这里我正在尝试一个简单的代码,但是如果将 ScrollView 保留在另一个 View 中,则 ScrollView 将无法工作。代码是这样的:

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

    <ScrollView>

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

      </ScrollView>

  </View>
 );

但是如果 ScrollView 保留为父 View ,它就可以完美工作。代码如下:

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

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

  </ScrollView>
 );

现在的问题是我不希望工具栏上下滚动,我只想移动工具栏下方的内容。我怎样才能实现这一目标?

下一个问题: ScrollView 必须是父 View 才能返回工作吗?

最佳答案

在样式中使用属性 flexGrow,flex 对我不起作用。

 <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
    ...
</ScrollView>

关于reactjs - View 内的 ScrollView 无法正常 react native ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38137388/

相关文章:

ruby-on-rails - Heroku 路线上带有 React 应用程序的 Rails 无法在刷新时工作

javascript - YouTube API 返回的数据似乎是不可变的?

react-native - 有什么方法可以知道 React Native 中的组件在屏幕上吗?像 viewDidAppear 与 viewWillAppear

xcode - 这些红色靶心图标在 Xcode 中是什么意思?

css - 无法在 css-grid-animation 中进行渲染延迟?

javascript - `useRef` 和 `createRef` 之间有什么区别?

reactjs - 使用具有另一个来源的 API (CORS) 来响应应用程序

react-native - 如何在 React Native 中制作交互式绘图应用程序?

ios - react native ListView 添加项目不起作用

javascript - 如何在react-native中拥有两个居中且可点击的图像链接