javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent error on lyrics screen when tab height is unavailable

Browse Source
This commit is contained in:
Lei Nelissen
2024-11-08 12:21:00 +01:00
parent b03d449a1b
commit b9a6c66584
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/screens/Music/overlays/NowPlaying/index.tsx
View File

@@ -1,4 +1,4 @@
import React, { useCallback, useEffect, useRef } from 'react'; import React, { useCallback, useContext, useEffect, useRef } from 'react';
import { ActivityIndicator, Animated, Dimensions, Platform, Pressable, View } from 'react-native'; import { ActivityIndicator, Animated, Dimensions, Platform, Pressable, View } from 'react-native';
import FastImage from 'react-native-fast-image'; import FastImage from 'react-native-fast-image';
import styled, { css } from 'styled-components/native'; import styled, { css } from 'styled-components/native';
@@ -16,7 +16,7 @@ import { useNavigation } from '@react-navigation/native';
import { calculateProgressTranslation } from '@/components/Progresstrack'; import { calculateProgressTranslation } from '@/components/Progresstrack';
import { NavigationProp } from '@/screens/types'; import { NavigationProp } from '@/screens/types';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs'; import { BottomTabBarHeightContext } from '@react-navigation/bottom-tabs';
import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { useSafeAreaInsets } from 'react-native-safe-area-context';
export const NOW_PLAYING_POPOVER_MARGIN = 6; export const NOW_PLAYING_POPOVER_MARGIN = 6;
@@ -112,7 +112,13 @@ function NowPlaying({ offset = 0, inset }: { offset?: number, inset?: boolean })
const { index, track } = useCurrentTrack(); const { index, track } = useCurrentTrack();
const { buffered, position } = useProgress(); const { buffered, position } = useProgress();
const defaultStyles = useDefaultStyles(); const defaultStyles = useDefaultStyles();
const tabBarHeight = useBottomTabBarHeight();
// The regular `useBottomTabBarHeight` hook will throw an error when it
// cannot find a height. Since we might use this component in places where
// it is unavailable, we'll just use the context directly, which will output
// `undefined` when it's not set.
const tabBarHeight = useContext(BottomTabBarHeightContext);
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
const previousBuffered = usePrevious(buffered); const previousBuffered = usePrevious(buffered);
const previousPosition = usePrevious(position); const previousPosition = usePrevious(position);