2015-09-30 7 views
31

स्क्रॉल करने में विफल रहता है जैसा कि आप संलग्न जीआईएफ में देख सकते हैं, मैं ListView से स्क्रॉल नहीं कर सकता। जैसे ही मैं माउस छोड़ता हूं, दृश्य मूल स्थिति पर वापस आ जाता है।ListView

मैंने प्रलेखन पर पढ़ा है और ऐसा लगता है जैसे स्क्रॉलिंग बस काम करना चाहिए। यहाँ render() के कार्यान्वयन है:

render: function(){ 
    return (
    <ListView 
     automaticallyAdjustContentInsets={false} 
     initialListSize={9} 
     dataSource={this.state.dataSource} 
     renderRow={this.renderTrack} 
     renderSectionHeader={this.renderSectionHeader}/> 
); 

enter image description here

उत्तर

37

आपका ListView वास्तव में काफी छोटा हो सकता है, लेकिन इस तरह दिखाई अतिप्रवाह के लिए क्या प्रकट नहीं। अपनी सूची दृश्य शैली की संपत्ति पर flex: 1 या height: 587 सेट करने का प्रयास करें।

+1

ऊंचाई निर्धारित करने से चाल चल रही थी! क्या मैं पूछ सकता हूं कि आपने 587 क्यों चुना? – jamesfzhang

+3

आपका स्क्रीनशॉट 587px लंबा =) था। फ्लेक्स का उपयोग करने के लिए एक और सामान्य समाधान है: 1 रूट के ऊपर अपने दृश्य पदानुक्रम के माध्यम से। – ide

+13

केवल 'फ्लेक्स: 1' का उपयोग करके इसे ठीक नहीं किया गया। मुझे नहीं लगता कि मैं सिर्फ एक स्थिर ऊंचाई निर्धारित कर सकता हूं, क्योंकि इसे विभिन्न आईफोन आकारों के साथ संगत होने की आवश्यकता है। संपादित करें: इस सूची दृश्य के मूल कंटेनर में 'फ्लेक्स: 1' नहीं है, यह चाल है। टिप्पणी के लिए – jamesfzhang

0

यह इस संपत्ति की वजह से है, मुझे लगता है कि आप केवल एक है शायद

(sectionData, sectionID) => renderable

पंक्ति ?:

renderSectionHeader समारोह प्रति एक चिपचिपा शीर्षक जोड़

प्रदान किए जाने पर, इस खंड के लिए एक चिपचिपा हेडर प्रदान किया जाता है। चिपचिपा व्यवहार का अर्थ यह है कि यह स्क्रीन के शीर्ष तक पहुंचने तक अनुभाग के शीर्ष पर सामग्री के साथ स्क्रॉल करेगा, जिस बिंदु पर यह अगले अनुभाग तक स्क्रीन से धक्का दिए जाने तक शीर्ष पर चिपक जाएगा हैडर।

21

एकमात्र बार मैंने यह देखा है जब सामग्री कॉन्टेनर स्टाइल फ्लेक्स पर सेट है: 1। यदि मामला है तो फ्लेक्स को हटा दें।

+2

धन्यवाद! यह मेरे लिए तय है। – fundead

+0

धन्यवाद! 30 मिनट के लिए देख रहे थे हाहा! – WilomGfx

8

सेटिंग flex:1 सूची के माता-पिता को मेरे लिए चाल थी।

+1

एक आकर्षण की तरह काम किया। यह जवाब अधिक अपवित्र होना चाहिए! –

+0

अगर कोई इसे समझा सकता है तो यह बहुत अच्छा होगा :) – roocell

+0

डुनो क्यों मेरे लिए काम करता है। – klvs

3

मुझे एक ही समस्या थी, मेरे पास ListView लपेटकर था, मैंने बाहरी View को हटा दिया और अब यह अपेक्षा के अनुसार काम करता है।