React ScrollView不滚动

时间:2016-09-06 07:06:13

标签: javascript react-native

我是新手,我无法绕过如何使列表视图可滚动。

我有以下渲染代码:

<ScrollableTabView tabBarPosition="top">
      <ScrollView tabLabel="List View" style={styles.tabView}>  
        {this.renderListView()} 
       </ScrollView>
</ScrollableTabView>

这就是renderListView的样子:

 renderListView() {
        return (
            <View style={styles.container}>
                <ListView
                    dataSource = {this.state.dataSource}
                    style      = {styles.listview}
                    renderRow  = {this.renderRow}
                  //  renderSectionHeader = {this.renderSectionHeader}
                />
            </View>
        );
    }

和renderRow:

Object.assign(Two.prototype, {
    bindableMethods : {
        renderRow : function (rowData, sectionID, rowID) {
            return (
                <TouchableOpacity onPress={() => this.onPressRow(rowData, sectionID)}>
                    <View style={styles.rowStyle}>
                        <Text style={styles.rowText}>{rowData.day} {":"} {rowData.date}</Text>  
                        <Text style={styles.rowText}>{"Place:"} {rowData.place_name}</Text>
                    </View>
                </TouchableOpacity>
            );
        }
    }
});

这里的问题是我的listview没有滚动,我无法理解为什么它有它的行为。 任何提示/想法为什么这些代码可能不起作用,什么是正确的解决方案? 我正在使用反应0.32.0

0 个答案:

没有答案