Ricevo questo errore dopo aver eseguito la mia app:
errore: raggruppamento non riuscito: errore: impossibile risolvere il modulo react-native-safe-area-context
da node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js
: reazione-nativo-area-sicura-contesto non è stato trovato all'interno del progetto.
Ma la stessa cosa che avevo fatto per la mia vecchia demo. Ha funzionato perfettamente.
Non so cosa sto facendo di sbagliato qui. Per favore controlla il mio codice:
Per l'installazione:
- Gestore di gesti e gesti nativi React:
npm install --save react-navigation
npm install --save react-native-gesture-handler
- Stack nativo di React:
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;
E 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>
);
}
}
Sono nuovo di React-Native. Aiutatemi a risolvere questo problema.
react-native-safe-area-context
nei moduli del nodo,react-navigation-stack
richiede che, ma i moduli del nodo non lo hanno