2017-11-05 3 views
9

मेरे पास प्रतिक्रिया मूल का उपयोग करते हुए आईओएस ऐप के लिए नेविगेटर आईओएस का उपयोग करके एक सरल दो पेज सेट अप किया गया है। मेरे एप्लिकेशन लोड करने के बाद, मैं दूसरे पृष्ठ में क्लिक कर सकते हैं लेकिन जब मैं (बाएं ऊपर) वापस क्लिक करें, फिर मैं निम्न त्रुटि:असमर्थित शीर्ष स्तरीय ईवेंट प्रकार "topScroll" प्रेषित

Unsupported top level event type "topScroll" dispatched 

extractEvents 
ReactNativeFiber-dev.js:3519:22 

extractEvents 
ReactNativeFiber-dev.js:3298:71 

handleTopLevel 
ReactNativeFiber-dev.js:3539:64 

<unknown> 
ReactNativeFiber-dev.js:3560:55 

batchedUpdates 
ReactNativeFiber-dev.js:2754:26 

batchedUpdatesWithControlledComponents 
ReactNativeFiber-dev.js:209:34 

_receiveRootNodeIDEvent 
ReactNativeFiber-dev.js:3559:50 

receiveEvent 
ReactNativeFiber-dev.js:3564:60 

__callFunction 
MessageQueue.js:302:47 

<unknown> 
MessageQueue.js:116:26 

__guard 
MessageQueue.js:265:6 

callFunctionReturnFlushedQueue 
MessageQueue.js:115:17 

त्रुटि तब होती है जब सिम्युलेटर और डिवाइस पर चल रहा (xcode से)।

यह मेरे आवेदन का कोड है। मुझे यकीन है कि मैं सही ढंग से कुछ को प्रारंभ नहीं किया हूँ, मैं सिर्फ पता लगाने के लिए कि क्या है सक्षम होने के लिए नहीं है:

'use strict'; 

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Button, 
    Text, 
    View, 
    NavigatorIOS 
} from 'react-native'; 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    }, 
    scene: { 
    padding: 10, 
    paddingTop: 74, 
    flex: 1, 
    } 
}) 

class PageFeedItem extends Component { 
    render() { 
    return(
     <View style={styles.scene}> 
     <Text>Some text</Text> 
     </View> 
    ); 
    } 
} 

class PageFeed extends Component { 
    constructor(props, context) { 
    super(props, context); 

    this.onShowFeedItem = this.onShowFeedItem.bind(this); 
    } 

    onShowFeedItem() { 
    this.props.navigator.push({ 
     component: PageFeedItem, 
     title: "Feed Item", 
     passProps: {} 
    }); 
    } 

    render() { 
    return(
     <View style={styles.scene}> 
     <Text>Feeds</Text> 
     <Button onPress={this.onShowFeedItem} title="Show Item"/> 
     </View> 
    ); 
    } 
} 

class Main extends Component { 
    render() { 
    return (
     <NavigatorIOS 
     style={styles.container} 
     initialRoute={{ 
      component: PageFeed, 
      title: 'Home', 
      passProps: {}, 
     }} 
     /> 
    ); 
    } 
} 

export default Main; 

अद्यतन

दो बातें मैं इस पूछ के बाद से देखा है प्रश्न:

1) जब त्रुटि होती है, तो ईएससी दबाकर, एप्लिकेशन बिना किसी समस्या के जारी रहता है।

2) दूसरे पृष्ठ पर एक बटन जोड़ना और this.props.navigator.pop(); करने के लिए हैंडलर जोड़ना ठीक काम करता है, यानी कोई त्रुटि में हल नहीं होता है।

+0

"2) दूसरे पृष्ठ पर एक बटन जोड़ना और this.props.navigator.pop() करने के लिए हैंडलर जोड़ना; ठीक काम करना प्रतीत होता है, यानी हल नहीं होता एक त्रुटि में। " मैं वही व्यवहार देखता हूं। क्या आपको इस समस्या का कोई समाधान मिला? – bittu

उत्तर

3

मुझे भी एक ही समस्या का सामना करना पड़ा और फिर प्रतिक्रिया-मूल संस्करण को 0.50 से 0.4 9 तक बदल दिया। * और सबकुछ काम करता है। इसका उत्तर bug प्रतिक्रिया मूल के नवीनतम संस्करण में

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