2015-11-02 6 views
6

मैं एक आईओएस प्रतिक्रिया मूल ऐप बना रहा हूं। मेरे पास कुछ परीक्षण सामग्री है और फिर नीचे वस्तुओं की एक सूची है। यदि मैं स्क्रॉलव्यू के अंदर टेक्स्ट सामग्री और सूचीदृश्य दोनों डालता हूं तो सूचीदृश्य ठीक से काम नहीं करता है (केवल कुछ आइटम दिखाता है) लेकिन यदि मैं स्क्रॉलव्यू के अंदर सूचीदृश्य नहीं डालता, तो सूचीदृश्य स्क्रॉल करता है लेकिन टेक्स्ट सामग्री लॉक रहती है स्क्रीन के शीर्ष पर। सूचीदृश्य के साथ स्क्रॉल करने के लिए मैं टेक्स्ट सामग्री कैसे प्राप्त करूं?मैं प्रतिक्रिया मूल आईओएस का उपयोग कर स्क्रॉलव्यू के अंदर एक सूची दृश्य कैसे डाल सकता हूं?

यहाँ मेरी मुद्दे के एक उदाहरण है:,

class SampleApp extends React.Component { 

    _renderHeader() { 
    // your header rendering code here 
    } 

    _renderRow() { 
    // your row rendering code here 
    } 

    render() { 
    return (
     <ListView 
     renderRow={this._renderRow} 
     renderHeader={this._renderHeader} 
     /> 
    ); 
    } 
} 

ListViewScrollView का उपयोग करता है आंतरिक रूप से स्क्रॉल व्यवहार प्रदान करने के लिए तो में यह लपेटकर:
https://rnplay.org/apps/GWoFWg

उत्तर

22

आप ListView.renderHeader प्रोप का उपयोग कर शीर्ष सामग्री प्रस्तुत करना चाहिए एक और ScrollView आवश्यक नहीं है।

+0

वही है जो मुझे चाहिए था। धन्यवाद! यहां एक कामकाजी उदाहरण दिया गया है: https://rnplay.org/apps/GWoFWg –

+0

लेकिन यदि सूची लंबी है तो यह हेडर स्क्रीन से स्क्रॉल हो जाता है। हेडर चिपचिपा बनाने के लिए कैसे? चिपचिपा इंडस्ट्रीज का उपयोग करना बहुत बुरा व्यवहार होता है जहां स्क्रीन से स्क्रॉल किए जाने वाली पंक्तियां शीर्षलेख के नीचे दिखाई देती हैं। – shrutim

+1

@shrutim अगर आप अपने हेडर को ListView के साथ स्क्रॉल नहीं करना चाहते हैं, तो इसे सूची दृश्य में न रखें, बस इसके ऊपर हेडर घटक प्रस्तुत करें :) – jevakallio

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