मेरे पास कई कार्ड घटक हैं जिनमें मैं कुछ छवियों को अंदर प्रस्तुत कर रहा हूं। मैं जो करने की कोशिश कर रहा हूं वह क्लिक की गई छवि को पुनः प्राप्त करने वाले कार्ड पर है।

<TouchableOpacity
 onPress={this.viewProduct.bind(this)}
>
<Card>
    <CardItem cardBody>
       <Image source={require('../../assets/images/products/product_1.jpg')} style={{ height: 200, width: null, flex: 1 }} />
                    </CardItem>
                    <CardItem>
                        <Left>
                            <Button transparent>
                                <Text>₹3500</Text>
                            </Button>
                        </Left>
                        <Right>
                            <Button transparent>
                                <Text style={styles.offText}>50% off</Text>
                            </Button>
                  </Right>

   </CardItem>
</Card>
</TouchableOpacity>

मैं इसे एक क्लिक करने योग्य तत्व के रूप में बनाने के लिए घटक को TouchableOpacity के अंदर प्रस्तुत कर रहा हूं और मैंने एक ईवेंट सूचीकर्ता के रूप में एक फ़ंक्शन viewProduct संलग्न किया है।

viewProduct = (item) => {
 console.log(`Selected image is ${item.uri}`);
}

लेकिन जब मैं फ़ंक्शन पर क्लिक करता हूं तो मुझे क्लिक की गई छवि नहीं मिल रही है। क्या मुझे फ़ंक्शन के अंदर कुछ बांधना है या कार्ड के प्रेस पर छवि को कैसे पुनर्प्राप्त करना है।

0
Musthafa 19 जुलाई 2020, 10:15

1 उत्तर

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

आप इसे सीधे स्रोत दे रहे हैं। आपको इसे एक अलग ओबीजे में निकालने की जरूरत है और इसे अपने छवि स्रोत के रूप में पार्स करें इस स्निपेट को देखें: https://snack.expo.io/@karanwadhwa/stack-overflow-62977355< /ए>

संपादित करें: इसके बजाय स्थानीय फ़ाइलों का उपयोग करने के लिए ऊपर स्नैक अपडेट किया गया

1
Karan Wadhwa 19 जुलाई 2020, 10:18