mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-01-15 23:40:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

texttickers

Browse Source 
player screen layout changes
This commit is contained in:
Violet Caulfield
2025-02-09 11:08:16 -06:00
parent bddd616cfa
commit 16608fb160
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Player/mini-player.tsx
View File

@@ -44,7 +44,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
</YStack>
{/** Memoize TextTickers otherwise they won't animate due to the progress being updated in the PlayerContext */}
{ useMemo(() => {
return (
<YStack

10
components/Player/screens/index.tsx
View File

@@ -3,7 +3,7 @@ import { RunTimeSeconds } from "../../../components/Global/helpers/time-codes";
import { StackParamList } from "../../../components/types";
import { usePlayerContext } from "../../../player/provider";
import { NativeStackNavigationProp } from "@react-navigation/native-stack";
import React, { useState, useEffect } from "react";
import React, { useState, useEffect, useMemo } from "react";
import { SafeAreaView, useSafeAreaFrame } from "react-native-safe-area-context";
import { YStack, XStack, Spacer, getTokens } from "tamagui";
import PlayPauseButton from "../helpers/buttons";
@@ -81,7 +81,10 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
</XStack>
<XStack marginHorizontal={20} paddingVertical={5}>
<YStack justifyContent="flex-start" flex={4}>
{/** Memoize TextTickers otherwise they won't animate due to the progress being updated in the PlayerContext */}
{ useMemo(() => {
<YStack justifyContent="flex-start" flex={5}>
<TextTicker {...TextTickerConfig}>
<Text
bold
@@ -123,6 +126,9 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
</Text>
</TextTicker>
</YStack>
}, [
nowPlaying
])}
<XStack
justifyContent="flex-end"