मेरा ऐप चलाने के बाद मुझे यह त्रुटि मिल रही है:
त्रुटि: बंडलिंग विफल: त्रुटि: react-native-safe-area-contextसे मॉड्यूल को हल करने में असमर्थ node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js: प्रतिक्रिया-मूल-सुरक्षित-क्षेत्र-संदर्भ परियोजना के भीतर नहीं मिला।
लेकिन यही काम मैंने अपने पुराने डेमो के लिए किया था। यह पूरी तरह से ठीक काम किया।
मुझे नहीं पता कि मैं यहां क्या गलत कर रहा हूं। कृपया मेरा कोड जांचें:
स्थापित करने के लिए:
- रिएक्टिव नेटिव नेविगेशन और जेस्चर हैंडलर:
npm install --save react-navigation
npm install --save react-native-gesture-handler
- प्रतिक्रियाशील मूलक:
npm install --save react-navigation-stack
App.js
import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import FirstOptionsPage from "./FirstOptionsPage";
const MainNavigator = createStackNavigator(
{
FirstOptions: FirstOptionsPage
},
{
defaultNavigationOptions: {
headerStyle: {
// backgroundColor: '#28F1A6',
elevation: 0,
shadowOpacity: 0
},
headerTintColor: "#ca375e",
headerTitleStyle: {
fontWeight: "bold",
color: "#161616"
}
}
}
);
const App = createAppContainer(MainNavigator); // For setting Navigation Stack
export default App;
और FirstOptionsPage.js:
import React from "react";
import {
SafeAreaView,
StyleSheet,
View,
Text,
ScrollView,
Switch
} from "react-native";
export default class FirstOptionsPage extends React.Component {
static navigationOptions = {
title: "Preferences"
};
constructor(props) {
super(props);
this.state = {
switch1Value: false
};
}
toggleSwitch1 = value => {
this.setState({ switch1Value: value });
console.log("Switch 1 is: " + value);
};
render() {
const { navigate } = this.props.navigation;
return (
<SafeAreaView style={styles.mainContainerStyle}>
<View style={styles.subContainerStyle}>
<Text style={styles.subtitleTextStyle}>Someone likes my post</Text>
<View style={styles.switchStyle}>
<Switch
onValueChange={this.toggleSwitch1}
value={this.state.switch1Value}
thumbColor={MAGENTA_COLOR_CODE}
trackColor={{
false: GREY_COLOR_CODE,
true: DARK_GREY_COLOR_CODE
}}
/>
</View>
</View>
</SafeAreaView>
);
}
}
मैं रिएक्ट-नेटिव में नया हूं। कृपया इसे ठीक करने में मेरी मदद करें।
react-native-safe-area-contextअपने नोड मॉड्यूल की जांच करें , इसके लिएreact-navigation-stackआवश्यक है लेकिन आपके नोड मॉड्यूल में ऐसा नहीं है