Question

如何使用第n个孩子进行本机反应？我需要添加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添加到First View（nth-child（3））。

Answer 1

您可以使用索引计数来执行此操作，renderRow在rowID中提供索引例如：

<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

如何使用第n个孩子进行本地反应？

1 个答案: