मैं प्रतिक्रिया मूल निवासी में 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
संबंधित सवाल
नए सवाल
react-native
React native एक जावास्क्रिप्ट लाइब्रेरी है, जिसका उपयोग React का उपयोग करके देशी मोबाइल ऐप बनाने के लिए किया जाता है। रिएक्ट नेटिव का फोकस उन सभी प्लेटफार्मों पर डेवलपर दक्षता पर है जिनकी आप परवाह करते हैं - एक बार सीखें, कहीं भी लिखें।