Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-23 23:19:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

revert to native stack

Browse Source
This commit is contained in:
Ammar Ahmed
2022-06-13 10:55:56 +05:00
parent 296c533cc9
commit 23e4cbebc8
1 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/mobile/src/navigation/navigationstack.js
View File

@@ -1,5 +1,6 @@
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { NavigationContainer } from '@react-navigation/native'; import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import * as React from 'react'; import * as React from 'react';
import Container from '../components/container'; import Container from '../components/container';
import Favorites from '../screens/favorites'; import Favorites from '../screens/favorites';
@@ -18,12 +19,14 @@ import { eSendEvent } from '../services/event-manager';
import SettingsService from '../services/settings'; import SettingsService from '../services/settings';
import useNavigationStore from '../stores/use-navigation-store'; import useNavigationStore from '../stores/use-navigation-store';
import { useSelectionStore } from '../stores/use-selection-store'; import { useSelectionStore } from '../stores/use-selection-store';
import { useThemeStore } from '../stores/use-theme-store';
import { history } from '../utils'; import { history } from '../utils';
import { rootNavigatorRef } from '../utils/global-refs'; import { rootNavigatorRef } from '../utils/global-refs';
import { hideAllTooltips } from '../utils/hooks/use-tooltip'; import { hideAllTooltips } from '../utils/hooks/use-tooltip';
const Tab = createBottomTabNavigator(); const NativeStack = createNativeStackNavigator();
const Tabs = React.memo( const Tabs = React.memo(
() => { () => {
const colors = useThemeStore(state => state.colors);
const homepage = SettingsService.get().homepage; const homepage = SettingsService.get().homepage;
React.useEffect(() => { React.useEffect(() => {
setTimeout(() => { setTimeout(() => {
@@ -32,28 +35,32 @@ const Tabs = React.memo(
}, []); }, []);
return ( return (
<Tab.Navigator <NativeStack.Navigator
tabBar={() => null} tabBar={() => null}
initialRouteName={homepage} initialRouteName={homepage}
backBehavior="history" backBehavior="history"
screenOptions={{ screenOptions={{
headerShown: false, headerShown: false,
lazy: false lazy: false,
animation: 'none',
contentStyle: {
backgroundColor: colors.bg
}
}} }}
> >
<Tab.Screen name="Notes" component={Home} /> <NativeStack.Screen name="Notes" component={Home} />
<Tab.Screen name="Notebooks" component={Notebooks} /> <NativeStack.Screen name="Notebooks" component={Notebooks} />
<Tab.Screen options={{ lazy: true }} name="Favorites" component={Favorites} /> <NativeStack.Screen options={{ lazy: true }} name="Favorites" component={Favorites} />
<Tab.Screen options={{ lazy: true }} name="Trash" component={Trash} /> <NativeStack.Screen options={{ lazy: true }} name="Trash" component={Trash} />
<Tab.Screen options={{ lazy: true }} name="Tags" component={Tags} /> <NativeStack.Screen options={{ lazy: true }} name="Tags" component={Tags} />
<Tab.Screen name="Settings" component={Settings} /> <NativeStack.Screen name="Settings" component={Settings} />
<Tab.Screen options={{ lazy: true }} name="TaggedNotes" component={TaggedNotes} /> <NativeStack.Screen options={{ lazy: true }} name="TaggedNotes" component={TaggedNotes} />
<Tab.Screen options={{ lazy: true }} name="TopicNotes" component={TopicNotes} /> <NativeStack.Screen options={{ lazy: true }} name="TopicNotes" component={TopicNotes} />
<Tab.Screen options={{ lazy: true }} name="ColoredNotes" component={ColoredNotes} /> <NativeStack.Screen options={{ lazy: true }} name="ColoredNotes" component={ColoredNotes} />
<Tab.Screen options={{ lazy: true }} name="Monographs" component={Monographs} /> <NativeStack.Screen options={{ lazy: true }} name="Monographs" component={Monographs} />
<Tab.Screen options={{ lazy: true }} name="Notebook" component={Notebook} /> <NativeStack.Screen options={{ lazy: true }} name="Notebook" component={Notebook} />
<Tab.Screen options={{ lazy: true }} name="Search" component={Search} /> <NativeStack.Screen options={{ lazy: true }} name="Search" component={Search} />
</Tab.Navigator> </NativeStack.Navigator>
); );
}, },
() => true () => true