我如何在反应本地使用n个孩子

Question

如何在React Native中使用nth孩子？我需要nth-child（3）添加第一个视图。

  <ListView
        dataSource={this.state.dataSource}
          renderRow={ (rowData)=>
                <TouchableOpacity activeOpacity={0.5} onPress={() => {...}>
                  <View style={{...'}}>
                    <View style={{...}}>
                      <Text style={{...'}}>{rowData.name}</Text>
                    </View>
                  </View>
                </TouchableOpacity>
          }
      />

这是我的listView，我需要将marginbottom添加到第一个视图（nth-child（3））。

Answer 1

您可以使用索引计数进行此操作，Renderrow在rowID中提供了索引for ex：

<ListView
  dataSource={this.state.dataSource}
    renderRow={ (rowData, sectionID, rowID, higlightRow)=>
          <TouchableOpacity activeOpacity={0.5} onPress={() => {...}>
            <View style={[rowID === 3 && {...nth-child(3)Styles}, {...otherStyles}]}>
              <View style={{...}}>
                <Text style={{...'}}>{rowData.name}</Text>
              </View>
            </View>
          </TouchableOpacity>
    }
/>

让我知道这是否有帮助。工作示例：https：//snack.expo.io/rkc_fueuv