2016-07-01 10 views
6

यहाँ मैं एक सरल कोड कोशिश कर रहा हूँ, लेकिन पुस्तक दृश्य काम नहीं कर रहा है, तो एक और view.Code अंदर रखा इस तरह है:स्क्रॉल देखें दृश्य के अंदर काम नहीं कर रहा प्रतिक्रिया देशी

return(
    <View> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 

    <ScrollView> 

     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 

     </ScrollView> 

    </View> 
); 

लेकिन अगर स्क्रॉल दृश्य माता-पिता के रूप में रखा देखने से यह काम करता perfectly.Code रूप में नीचे है:

return(
    <ScrollView> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 



     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 



    </ScrollView> 
); 

अब समस्या मैं अपने उपकरण पट्टी ऊपर स्क्रॉल करने के लिए और नीचे, मैं सिर्फ move.How को उपकरण पट्टी नीचे दी गई सामग्री है कि मैं प्राप्त कर सकते हैं चाहता हूँ नहीं करना चाहती है ?

और अगला प्रश्न: क्या स्क्रॉल व्यू को काम पर लौटने के लिए मूल दृश्य होना चाहिए?

कोई भी मददगार सहायक होगी। धन्यवाद।

उत्तर

8

आप इस तरह ध्यान में रखते हुए उपकरण पट्टी लपेट चाहिए:

<View><Toolbar/></View> 

लपेटें उन घटक है जो आप के रूप में scrollview के अंदर स्क्रॉल करने के लिए करना चाहते हैं:

<ScrollView>your expected components...</ScrollView> 

और के रूप में देखने के लिए रूट करने के लिए फ्लेक्स प्रदान करते हैं:

<View style={{flex:1}}> 

अंततः आपके कोड की अपेक्षा की जाएगी।

3

शीर्ष <View> चाहिए शैली flex:1 है, और भी <ScrollView> भी

0

उपयोग शैली में संपत्ति flexGrow, फ्लेक्स फ्लॉप मेरे लिए काम किया है।

<ScrollView contentContainerStyle={{ flexGrow: 1 }}> 
    ... 
</ScrollView> 
संबंधित मुद्दे