2016-08-14 8 views
6

के नीचे स्क्रॉल नहीं कर रहा है, मेरे आवेदन index.io.js के अंदर केवल ScrollView है जो के अंदर render फ़ंक्शन के अंतर्गत लपेटा गया है। कभी-कभी मैं स्क्रॉलव्यू के बहुत नीचे स्क्रॉल कर सकता हूं और स्क्रीन को वहां रख सकता हूं। हालांकि स्क्रॉलव्यू स्क्रीन के शीर्ष पर वापस आ जाएगा और कभी-कभी नीचे रहने में विफल रहता है।प्रतिक्रिया मूल स्क्रॉलव्यू नीचे कभी भी

क्या किसी को पता है कि क्या हो रहा है? धन्यवाद।

render() { 
    return <View style={{flex: 1}}> 
    <ScrollView> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    // .... repeat so many times ... 
    </ScrollView> 
    </View> 
} 

पुनश्च: मेरी आर.एन. 0.28.0 है, आईओएस तैनाती लक्ष्य 8,0

उत्तर

4

ध्यान रखें कि ScrollViews, क्रम में काम करने के लिए एक घिरे ऊंचाई होना आवश्यक है, क्योंकि वे में असीम ऊंचाई बच्चों को शामिल है एक बाध्य कंटेनर (एक स्क्रॉल बातचीत के माध्यम से)। स्क्रॉलव्यू की ऊंचाई को बाध्य करने के लिए, या तो दृश्य की ऊंचाई सीधे (निराश) सेट करें या सुनिश्चित करें कि सभी मूल दृश्यों ने ऊंचाई को बाध्य किया है। व्यू स्टैक के नीचे {flex: 1} स्थानांतरित करने के लिए भूलना यहां त्रुटियों का कारण बन सकता है, जो तत्व निरीक्षक डीबग करना आसान बनाता है।

https://facebook.github.io/react-native/docs/scrollview.html

मुझे लगता है कि आप फ्लेक्स के साथ अपने scrollview करने के लिए एक शैली आवंटित करने चाहिए: 1 संपत्ति। और एक बेहतर डिजाइन करने के लिए एक सामग्री कंटेनर स्टाइल बनाएँ।

14

मेरे जैसे देशी newbies प्रतिक्रिया के लिए: scrollview के contentContainerStyle विशेषता है, जो मूल रूप से scrollview कह रहा है स्पष्ट रूप से स्क्रॉल करने के लिए नहीं पर {flex:1} स्थापित करने की त्रुटि बनाने और यह स्क्रॉल करने के लिए उम्मीद कर रहा, के बाद से इस सेट के लिए

तलाश समान माता-पिता के फ्रेम की सामग्री ऊंचाई जो स्क्रॉलव्यू

+1

वास्तव में हल की गई समस्या है। मेरा वोट लो – EnriqueDev

+0

हमारे लिए, 'contentContainerStyle = {{flex: 1}}' वास्तव में हमारी समस्या हल करें! – Cole

संबंधित मुद्दे