प्रतिक्रिया देशी दिखाई नहीं दे रहा

Question

मैं यह काफी आसान होना चाहिए अपने विचार नीचे एक छाया पाने के लिए कोशिश कर रहा हूँ, और मैं ऑनलाइन क्या मिला से छाया:

shadowOffset: { width: 10, height: 10 }, 
    shadowColor: 'black', 
    shadowOpacity: 1.0, 

लेकिन समस्या यह है कि छाया है बिल्कुल दिखाई नहीं दे रहा है।

const styles = StyleSheet.create({ 
    shadow: { 
    shadowOffset: { width: 10, height: 10 }, 
    shadowColor: 'black', 
    shadowOpacity: 1.0 
}, 

इस के लिए

किसी भी कारण या वहाँ कुछ है मैं नहीं छूटा है:

यहाँ मेरी घटकों

 <View style={styles.shadow}> 
     <View style={styles.box} > 
      <View style={styles.ListComponent}> 
      <Text style={styles.itemText}>Livestream</Text> 
      </View> 
     </View> 
     </View> 

और मेरी स्टाइल शीट में है?

Answer 1

क्या आईओएस पर छाया चल रही है? एंड्रॉइड और आईओएस रिएक्ट-नेटिव में ≠ काम करते हैं। एंड्रॉइड के लिए, यह elevation के साथ काम करता है।

const styles = StyleSheet.create({ 
shadow: { 
    shadowOffset: { width: 10, height: 10 }, 
    shadowColor: 'black', 
    shadowOpacity: 1, 
    elevation: 3, 
    // background color must be set 
    backgroundColor : "#0000" // invisible color 
} 

अन्यथा, अपने छाया घटक :)

Answer 2

iOS के लिए करने के लिए एक पृष्ठभूमि रंग सेट करने का प्रयास अपने बाहरी <View>

const styles = StyleSheet.create({ 
shadow: { 
    shadowOffset: { width: 10, height: 10 }, 
    shadowColor: 'black', 
    shadowOpacity: 1, 
    elevation: 3, 
    zIndex:999, 
}