Question

我是React的新手，所以我用一个简单的列表来处理我的迷你项目。这是代码：

render() {
    if (!this.state.loaded) {
      return this.renderLoadingView();
    }

    return (
        <View>
            <ToolbarAndroid style={styles.toolbar}
               title={"Hello React"}
               titleColor={'#000000'}/>
          <ListView
            dataSource={this.state.dataSource}
            renderRow={this.renderMovie}
            style={styles.listView}/>
      </View>
    );
  }

还有样式代码：

 listView: {
    paddingTop: 20,
    backgroundColor: '#F5FCFF',
    flex: 1,
  },

Answer 1

由于您忘记设置查看的大小，因此无效。添加flex：1，它将正常工作

样式

listView: {
    paddingTop: 20,
    backgroundColor: '#F5FCFF',
    flex: 1,
},
container: {
    flex: 1
}

呈现

render() {
    if (!this.state.loaded) {
      return this.renderLoadingView();
    }

    return (
        <View style={styles.container}>
            <ToolbarAndroid style={styles.toolbar}
               title={"Hello React"}
               titleColor={'#000000'}/>
          <ListView
            dataSource={this.state.dataSource}
            renderRow={this.renderMovie}
            style={styles.listView}/>
      </View>
    );
  }

Example with the problem fixed (iOS version)

React Native - 列表视图不滚动

1 个答案: