Android 如何在react native的Listview中的单行中呈现节的项？

我将按照教程制作一个包含

react native

部分的列表视图。但是，我希望以列方式分隔特定部分的元素，而不是在单独的行中呈现它们。我试图改变flex的方向，但没有成功

在我的

render

函数中，我有：

return(
   <ListView
       dataSource = {this.state.dataSource}
       renderRow  = {this.renderRow}
       renderSectionHeader = {this.renderSectionHeader}
       style={styles.listview}
   />

而

renderRow

由以下公式给出：

return (
    <View>
      <Button onPress={this._setModalVisible.bind(this,true)}>
        <Image source={image} style={{width:50,height:60}}/>
      </Button>
    </View>
);

返回(
);

---

我想要的是，一个特定部分的所有

按钮

都显示在一行中，但我不能这样做。如何完成此任务？

您可以重新构建项目列表，将所需项目嵌套在一行中

items = [
   item, item, item, [item, item, item]
]

并在renderRow函数中执行检查以立即渲染它们

renderRow(row){
    if(Array.isArray(row)){
        var _renderRow = this.renderRow;
        return (
            <View style={{flexDirection: 'row'}}>
                {row.map((item) => _renderRow(item))}
            <View>);
    }else{
        return (
            <View>
              <Button onPress={this._setModalVisible.bind(this,true)}>
                <Image source={image} style={{width:50,height:60}}/>
              </Button>
            </View>
        );
    }
}

renderRow（行）{
if（数组.isArray（行））{
var_renderRow=this.renderRow；
返回(
{row.map（（项）=>\u renderRow（项））}
);
}否则{
返回(
);
}
}

您能显示您尝试过的代码吗？用代码更新了我的问题。

renderRow(row){
    if(Array.isArray(row)){
        var _renderRow = this.renderRow;
        return (
            <View style={{flexDirection: 'row'}}>
                {row.map((item) => _renderRow(item))}
            <View>);
    }else{
        return (
            <View>
              <Button onPress={this._setModalVisible.bind(this,true)}>
                <Image source={image} style={{width:50,height:60}}/>
              </Button>
            </View>
        );
    }
}