मैं प्रतिक्रिया मूल निवासी में 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>
          }
      />

यह मेरी सूची दृश्य है और मुझे पहले दृश्य में मार्जिनबॉटम जोड़ने की आवश्यकता है (nth-child (3))।

2
Alireza 27 फरवरी 2019, 19:29

1 उत्तर

सबसे बढ़िया उत्तर

आप इंडेक्स की गिनती का उपयोग करके ऐसा कर सकते हैं, रेंडररो इंडेक्स को पंक्ति आईडी में देता है पूर्व के लिए:

<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

2
Subhendu Kundu 27 फरवरी 2019, 18:40