reorg again, absolute (module) imports

2026-11-11 15:29:15 +01:00 · 2021-07-08 12:21:44 +09:00
parent a94a011a18
commit ea4421b7af
54 changed files with 186 additions and 251 deletions
@@ -0,0 +1,93 @@
+import React from 'react'
+import { StatusBar, View } from 'react-native'
+import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'
+import AlbumsTab from '@app/screens/LibraryAlbums'
+import ArtistsTab from '@app/screens/LibraryArtists'
+import PlaylistsTab from '@app/screens/LibraryPlaylists'
+import { createNativeStackNavigator, NativeStackNavigationProp } from 'react-native-screens/native-stack'
+import AlbumView from '@app/screens/AlbumView'
+import { RouteProp } from '@react-navigation/native'
+import text from '@app/styles/text'
+import colors from '@app/styles/colors'
+import ArtistView from '@app/screens/ArtistView'
+
+const Tab = createMaterialTopTabNavigator()
+
+const LibraryTopTabNavigator = () => (
+  <Tab.Navigator
+    tabBarOptions={{
+      style: {
+        height: 48,
+        backgroundColor: colors.gradient.high,
+        elevation: 0,
+        marginTop: StatusBar.currentHeight,
+      },
+      labelStyle: {
+        ...text.header,
+        textTransform: null as any,
+        marginTop: 0,
+        marginHorizontal: 2,
+      },
+      indicatorStyle: {
+        backgroundColor: colors.text.primary,
+      },
+    }}>
+    <Tab.Screen name="Albums" component={AlbumsTab} />
+    <Tab.Screen name="Artists" component={ArtistsTab} />
+    <Tab.Screen name="Playlists" component={PlaylistsTab} />
+  </Tab.Navigator>
+)
+
+type LibraryStackParamList = {
+  LibraryTopTabs: undefined
+  AlbumView: { id: string; title: string }
+  ArtistView: { id: string; title: string }
+}
+
+type AlbumScreenNavigationProp = NativeStackNavigationProp<LibraryStackParamList, 'AlbumView'>
+type AlbumScreenRouteProp = RouteProp<LibraryStackParamList, 'AlbumView'>
+type AlbumScreenProps = {
+  route: AlbumScreenRouteProp
+  navigation: AlbumScreenNavigationProp
+}
+
+const AlbumScreen: React.FC<AlbumScreenProps> = ({ route }) => (
+  <AlbumView id={route.params.id} title={route.params.title} />
+)
+
+type ArtistScreenNavigationProp = NativeStackNavigationProp<LibraryStackParamList, 'ArtistView'>
+type ArtistScreenRouteProp = RouteProp<LibraryStackParamList, 'ArtistView'>
+type ArtistScreenProps = {
+  route: ArtistScreenRouteProp
+  navigation: ArtistScreenNavigationProp
+}
+
+const ArtistScreen: React.FC<ArtistScreenProps> = ({ route }) => (
+  <ArtistView id={route.params.id} title={route.params.title} />
+)
+
+const Stack = createNativeStackNavigator<LibraryStackParamList>()
+
+const itemScreenOptions = {
+  title: '',
+  headerStyle: {
+    backgroundColor: colors.gradient.high,
+  },
+  headerHideShadow: true,
+  headerTintColor: 'white',
+  headerTitleStyle: {
+    ...text.header,
+  } as any,
+}
+
+const LibraryStackNavigator = () => (
+  <View style={{ flex: 1 }}>
+    <Stack.Navigator>
+      <Stack.Screen name="LibraryTopTabs" component={LibraryTopTabNavigator} options={{ headerShown: false }} />
+      <Stack.Screen name="AlbumView" component={AlbumScreen} options={itemScreenOptions} />
+      <Stack.Screen name="ArtistView" component={ArtistScreen} options={itemScreenOptions} />
+    </Stack.Navigator>
+  </View>
+)
+
+export default LibraryStackNavigator