如何使用React Native iOS将ListView放入ScrollView中?

开发01

我正在构建一个iOS React Native应用。我有一些测试内容,然后是下面的项目列表。如果我将文本内容和列表视图都放在滚动视图中,则列表视图无法正常工作(仅显示某些项),但是如果我没有将列表视图放入滚动视图中,则列表视图会滚动,但文本内容保持锁定到屏幕顶部。如何获取文本内容以与列表视图一起滚动?

这是我的问题的示例:https :
//rnplay.org/apps/GWoFWg

耶瓦卡利奥

您应该使用ListView.renderHeaderprop渲染最重要的内容

class SampleApp extends React.Component {

  _renderHeader() {
    // your header rendering code here
  }

  _renderRow() {
    // your row rendering code here
  }

  render() {
    return (
      <ListView
        renderRow={this._renderRow}
        renderHeader={this._renderHeader}
        />
    );
  }
}

ListViewScrollView内部使用来提供滚动行为,因此ScrollView不需要将其包装在另一个滚动对象中

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在react-native listview / scrollview中找出滚动方向

来自分类Dev

React Native:如何禁用ListView中的滚动?

来自分类Dev

React Native:如何专注于ListView?

来自分类Dev

如何在MobX中使用React Native ListView?

来自分类Dev

React Native:如何使用本地图像制作 Listview

来自分类Dev

如何将react-native-router-flux与react-native-drawer结合使用

来自分类Dev

如何使用React Native iOS访问手机的相机?

来自分类Dev

如何使用React Native修复iOS上的边界半径?

来自分类Dev

如何使用 appium 从 react-native app 中查找元素 - React Native + Appium

来自分类Dev

如何将Jest与React Native一起使用

来自分类Dev

如何使用React Native将数据保存到Firebase?

来自分类Dev

如何使用Jest在React Native中测试screenprops

来自分类Dev

如何使用onRequestPermissionsResult处理React Native Android模块中的权限?

来自分类Dev

如何使用Jest在React Native中测试Alert

来自分类Dev

如何使用Axios React Native在FlatList中渲染共振?

来自分类Dev

如何使用react-native-community中的datetimepicker

来自分类Dev

如何使用 React Native 中的按钮截取屏幕截图?

来自分类Dev

如何使用 react native 映射 componentWillMount 中的嵌套数组

来自分类Dev

如何使用 React-Native 中的变量查询 graphQL?

来自分类Dev

如何使用 axios 在 React Native 中获取数据

来自分类Dev

React Native-如何测量ScrollView中内容的大小?

来自分类Dev

如何从React Native中的ScrollView组件获取onPress事件

来自分类Dev

如何防止在 React-Native ScrollView 中滚动多个元素?

来自分类Dev

onPull React Native ScrollView

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类常见问题

React Native:使用ScrollView时垂直居中

来自分类Dev

使用ScrollView的InfiniteScroll-React Native

来自分类Dev

如何使用 native-base 在 react-native 中的图像上制作半透明按钮?

来自分类Dev

ScrollView无法在React Native中滚动

Related 相关文章

  1. 1

    在react-native listview / scrollview中找出滚动方向

  2. 2

    React Native:如何禁用ListView中的滚动?

  3. 3

    React Native:如何专注于ListView?

  4. 4

    如何在MobX中使用React Native ListView?

  5. 5

    React Native:如何使用本地图像制作 Listview

  6. 6

    如何将react-native-router-flux与react-native-drawer结合使用

  7. 7

    如何使用React Native iOS访问手机的相机?

  8. 8

    如何使用React Native修复iOS上的边界半径?

  9. 9

    如何使用 appium 从 react-native app 中查找元素 - React Native + Appium

  10. 10

    如何将Jest与React Native一起使用

  11. 11

    如何使用React Native将数据保存到Firebase?

  12. 12

    如何使用Jest在React Native中测试screenprops

  13. 13

    如何使用onRequestPermissionsResult处理React Native Android模块中的权限?

  14. 14

    如何使用Jest在React Native中测试Alert

  15. 15

    如何使用Axios React Native在FlatList中渲染共振?

  16. 16

    如何使用react-native-community中的datetimepicker

  17. 17

    如何使用 React Native 中的按钮截取屏幕截图?

  18. 18

    如何使用 react native 映射 componentWillMount 中的嵌套数组

  19. 19

    如何使用 React-Native 中的变量查询 graphQL?

  20. 20

    如何使用 axios 在 React Native 中获取数据

  21. 21

    React Native-如何测量ScrollView中内容的大小?

  22. 22

    如何从React Native中的ScrollView组件获取onPress事件

  23. 23

    如何防止在 React-Native ScrollView 中滚动多个元素?

  24. 24

    onPull React Native ScrollView

  25. 25

    如何在React Native中安装React Native Maps?

  26. 26

    React Native:使用ScrollView时垂直居中

  27. 27

    使用ScrollView的InfiniteScroll-React Native

  28. 28

    如何使用 native-base 在 react-native 中的图像上制作半透明按钮?

  29. 29

    ScrollView无法在React Native中滚动

热门标签

归档