प्रतिक्रिया मूल - क्यों पैडिंग काम नहीं करता है?

Question

रीडिंग नेटिव में पैडिंग कभी काम क्यों नहीं करती है? मैं छवि में 10px गद्दी और नीचे पाठ बॉक्स है:

const styles = StyleSheet.create({ 
    container: { 
     marginTop: 75, 
     alignItems: 'center' 
    }, 
    image: { 
     width: 107, 
     height: 165, 
     padding: 10, 
     backgroundColor:'blue' 
    }, 
    description: { 
     padding: 20, 
     margin: 10, 
     fontSize: 15, 
     color: '#656565', 
     backgroundColor:'red' 
    } 
}); 

परिणाम:

कोई भी विचार क्यों? क्या मैं कुछ भुल गया?

Answer 1

रिएक्ट नेटिव के साथ एंड्रॉइड पैडिंग पसंद नहीं करता है, जब तक कि इसकी सीमा न हो। आपके द्वारा इच्छित अनुमानित स्टाइल प्राप्त करने के लिए एक अस्थायी फ़िक्स आपके सभी "पैडिंगXXX" को "marginXXX" में बदलना होगा।

const styles = StyleSheet.create({ 
container: { 
    marginTop: 75, 
    alignItems: 'center' 
}, 
image: { 
    width: 107, 
    height: 165, 
    margin: 10, 
    backgroundColor:'blue' 
}, 
description: { 
    margin: 30, 
    fontSize: 15, 
    color: '#656565', 
    backgroundColor:'red' 
} 
}); 

यह वास्तव में एक बुरा कामकाज है, लेकिन मुझे अभी तक एक संक्षिप्त समाधान देखना है। जहां तक ​​मुझे पता है, गिट रेपो पर एक मुद्दा है लेकिन अभी तक तय नहीं किया गया है।

Answer 2

एंड्रॉइड के लिए पैडिंग समस्या प्रतिक्रिया-मूल v0.31.0 संस्करण में तय की गई है। अधिक जानकारी के लिए आप प्रतिक्रिया-नेटवी रिलीज चेंजलॉग https://github.com/facebook/react-native/releases