Tôi gặp lỗi này sau khi chạy Ứng dụng của mình:
lỗi: gói không thành công: Lỗi: Không thể giải quyết mô-đun react-native-safe-area-contexttừ node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js: không thể tìm thấy bối cảnh phản ứng-nguồn gốc-an toàn-khu vực trong dự án.
Nhưng điều tương tự tôi đã làm cho bản demo cũ của mình. Nó hoạt động hoàn toàn tốt.
Tôi không biết những gì tôi đang làm sai ở đây. Vui lòng kiểm tra mã của tôi:
Để cài đặt:
- Phản ứng điều hướng bản địa & xử lý cử chỉ:
npm install --save react-navigation
npm install --save react-native-gesture-handler
- Phản ứng ngăn xếp bản địa:
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;
Và 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>
);
}
}
Tôi chưa quen với React-Native. Xin hãy giúp tôi khắc phục điều này.
react-native-safe-area-contexttrong các mô-đun nút của bạn,react-navigation-stackyêu cầu điều đó nhưng các mô-đun nút của bạn không có điều đó