स्क्रॉलव्यू

Question

के शीर्ष पर स्क्रॉल करें बटन बटन के जवाब में ScrollView के शीर्ष पर स्क्रॉल करने का कोई तरीका है?

मैं पूरे पृष्ठ के एक re-render को मजबूर कर सकता हूं लेकिन यह बहुत अक्षम लगता है।

Answer 1

आप स्क्रॉलव्यू के "scrollTo" विधि को चला सकते हैं। Scrollview घटक https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollView.js#L288

आप को यहां बताए गए रेफरी संपत्ति की स्थापना और this.refs का उपयोग करके संदर्भ scrollview घटक प्राप्त कर सकते हैं के स्रोतों को देखो: https://facebook.github.io/react/docs/more-about-refs.html

Answer 2

1. सबसे पहले अपने ScrollView घटक के लिए एक ref गुण जोड़ें। उदाहरण: <ScrollView ref='_scrollView'>
2. तब भी आप इस उदाहरण कर शीर्ष पर स्क्रॉल करने के लिए करना चाहते हैं: onPress={() => { this.refs._scrollView.scrollTo(0); }}

Answer 3

एक साधारण उदाहरण:

<ListView 
    ref={ref => this.listView = ref} 
    onContentSizeChange={() => { 
    this.listView.scrollTo({y: 0}) 
    }} 
/> 

Answer 4

नियंत्रित करने के लिए scrollveiw या शीर्ष करने के लिए सूचीदृश्य संभव है एक बटन के साथ।

पहले, आप इसे में onScroll विधि डाल घटना इस्तेमाल कर सकते हैं ListView या scrollview की event.nativeEvent.contentOffset.y पता लगाने के लिए, आप इसे s show or hide according to the y` नियंत्रित करने के लिए एक राज्य सेट कर सकते हैं।

फिर, अपने पृष्ठ पर एक बटन सेट करें, इसे बनाने के लिए onPress विधि और .scrollTo विधि का उपयोग करें।

यहाँ एक कार्यान्वयन के लिए एक संदर्भ के रूप में इस्तेमाल किया जा सकता है: https://www.npmjs.com/package/react-native-scrolltotop

आशा इस मदद करता है

Answer 5

scrollTo(x,y) अब मान्य नहीं है। अब यह इस तरह scrollTo को एक वस्तु पारित करने के लिए सबसे अच्छा है:

this.refs.scrollView.scrollTo({x: 0, y: 0, animated: true})