React Native:ListView不显示所有行

tld*_*ldr 6 javascript react-native

我正在尝试在React Native中显示行列表ListView,但它只显示适合单个屏幕的条目,即我无法向下滚动以查看更多行.

以下是款式:

styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 60
  },
  rowContainer: {
    flexDirection: 'row',
    justifyContent: 'space-around'
  }
})
Run Code Online (Sandbox Code Playgroud)

列表显示:

return (
      <View style={styles.container}>
        {this.getHeader()}
        <ListView
          dataSource = {this.state.dataSource}
          renderRow = {this.renderRow.bind(this)}/>
      </View>
    )
Run Code Online (Sandbox Code Playgroud)

行:

return (
      <View style={styles.rowContainer}>
        <Text>{text}</Text>
      </View>
    )
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

Die*_*ero 1

ListView 包含一个内部 ScrollView,因此它应该按原样工作。在模拟器上,通过单击并拖动鼠标进行滚动。

为什么不显示完整的代码,也许一些屏幕截图?

  • 天啊,我感觉自己像个白痴。我没有拖动鼠标,只是向下滚动。泰! (3认同)