मेरे पास प्रतिक्रिया मूल का उपयोग करते हुए आईओएस ऐप के लिए नेविगेटर आईओएस का उपयोग करके एक सरल दो पेज सेट अप किया गया है। मेरे एप्लिकेशन लोड करने के बाद, मैं दूसरे पृष्ठ में क्लिक कर सकते हैं लेकिन जब मैं (बाएं ऊपर) वापस क्लिक करें, फिर मैं निम्न त्रुटि:असमर्थित शीर्ष स्तरीय ईवेंट प्रकार "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();
करने के लिए हैंडलर जोड़ना ठीक काम करता है, यानी कोई त्रुटि में हल नहीं होता है।
"2) दूसरे पृष्ठ पर एक बटन जोड़ना और this.props.navigator.pop() करने के लिए हैंडलर जोड़ना; ठीक काम करना प्रतीत होता है, यानी हल नहीं होता एक त्रुटि में। " मैं वही व्यवहार देखता हूं। क्या आपको इस समस्या का कोई समाधान मिला? – bittu