আমার অ্যাপটি চালানোর পরে আমি এই ত্রুটিটি পাচ্ছি:
ত্রুটি: বান্ডিলিং ব্যর্থ হয়েছে: ত্রুটি: 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;
এবং ফার্স্টঅপশন পেজ.জেএস:
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এটির প্রয়োজন তবে আপনার নোড মডিউলগুলির মধ্যে এটি নেই