Я создавал базовый код для моего нового проекта в React-native + WatermelonDb. Я последовал их официальному примеру с некоторыми небольшими изменениями в структуре папок. Теперь я получаю эту ошибку NavigationStack.AppContainer не является функцией.
index.js file
import { AppRegistry, NativeModules } from "react-native";
import { name as appName } from "./app.json";
import { Database } from "@nozbe/watermelondb";
import SQLiteAdapter from "@nozbe/watermelondb/adapters/sqlite";
import { mySchema } from "./app/models/schema";
import Blog from "./app/models/Blog";
import Post from "./app/models/Post";
import Comment from "./app/models/Comment";
import { AppContainer } from "./app/navigation/NavigationStack";
const adapter = new SQLiteAdapter({
dbName: "WatermelonDemo",
schema: mySchema
});
const database = new Database({
adapter,
modelClasses: [Blog, Post, Comment],
actionsEnabled: true
});
const Navigation = AppContainer({ database });
AppRegistry.registerComponent(appName, () => Navigation);
NavigationStack.js
import React from "react";
import { createStackNavigator, createAppContainer } from "react-navigation";
import Splash from "../screens/Splash/SplashView";
import Home from "../screens/Home/HomeView";
const RNApp = props =>
createStackNavigator(
{
Splash: {
screen: ({ navigation }) => {
const { database } = navigation.state.params;
return (
<Splash
database={database}
navigation={navigation}
/>
);
},
navigationOptions: { header: null, gesturesEnabled: false }
},
Home: {
screen: Home,
navigationOptions: { header: null, gesturesEnabled: false }
}
},
{
initialRouteName: "Splash",
initialRouteParams: props
}
);
const AppContainer = createAppContainer(RNApp);
export default AppContainer;
Я сослался на их официальные документы, ссылки приведены ниже для справки. Navigation.js и index.js . И это моя структура папок.