मूल प्रतिक्रिया दें, स्क्रॉलव्यू के बच्चे पूर्ण ऊंचाई

Question

भरें नहीं तो मेरे पास दृश्य के शीर्ष पर एक क्षैतिज स्क्रॉलव्यू है। स्क्रॉल व्यू में नोड्स होते हैं जिनमें निर्दिष्ट चौड़ाई होती है। मेरे पास स्क्रॉलव्यू के निचले भाग पर एक सीमा है, जैसा कि आप इस स्क्रीन कैप में देख सकते हैं: http://i.imgur.com/pOV1JFP.png

जैसा कि आप शीर्ष पर स्क्रॉलव्यू के बच्चे नोड्स को सीमा तक नहीं पहुंच सकते हैं। हालांकि, अगर मैं स्क्रॉल व्यू को flexDirection: 'row' के साथ एक दृश्य में बदलता हूं, तो बच्चे नोड ऊंचाई को भर देते हैं।

• contentInsets के मूल्यों को बदलने contentContainerStyle
• automaticallyAdjustContentInsets={false}
• पर padding:0 स्थापना सीधे उन लोगों में से

कोई भी ठीक करने के लिए लग रहे हैं: मैं इस तरह के रूप scrollview पर कुछ गुणों को बदलने की कोशिश की है, समस्या।

scrollview कोड & शैली:

var styles = StyleSheet.create({ 
    nav: { 
    padding: 0, 
    marginTop: 30, 
    flex: 1, 
    borderBottomWidth: 1, 
    borderColor: '#000000' 
    } 
}); 

<ScrollView 
    style={[{width: screen.width}, styles.nav]} 
    horizontal={true} 
    showsHorizontalScrollIndicator={true} 
    automaticallyAdjustContentInsets={false}> 
    {dayNavItems} 
</ScrollView> 

बच्चे घटकों (dayNavItems का निर्माण करता है)

const styles = StyleSheet.create({ 
    container: { 
    paddingLeft: 15, 
    paddingRight: 15, 
    width: 50, 
    justifyContent: 'center' 
    }, 
    odd: { 
    backgroundColor: '#ccc' 
    }, 
    selected: { 
    backgroundColor: '#39b54a' 
    }, 
    text: { 
    fontFamily: 'Optima' 
    } 
}); 

class DayNavItem extends React.Component { 
    static propTypes = { 
    day: React.PropTypes.object.isRequired, 
    odd: React.PropTypes.bool, 
    selectDay: React.PropTypes.func.isRequired, 
    selected: React.PropTypes.bool 
    }; 

    render() { 
    const d = new Date(this.props.day.created_at); 
    const viewStyles = [styles.container]; 
    if (this.props.selected) { 
     viewStyles.push(styles.selected); 
    } else if (this.props.odd) { 
     viewStyles.push(styles.odd); 
    } 
    return (
     <TouchableOpacity style={viewStyles} onPress={() => this.props.selectDay(this.props.day.uuid)}> 
     <View> 
      <Text style={styles.text}>{getMonth(d)}</Text> 
      <Text style={styles.text}>{d.getDate()}</Text> 
     </View> 
     </TouchableOpacity> 
    ); 
    } 
} 

Answer 1

वहाँ एक संपत्ति scrollview के लिए contentContainerStyle कहा जाता है। मैंने अभी एक समान समस्या हल की है जहां मैंने फ्लेक्स सेट किया है: 1 से: स्क्रॉलव्यू शैलियों, स्क्रॉल व्यू कंटेंटर स्टाइल, और बच्चा घटक देखें।