diff --git a/src/screens/PlayerScreen/PlayerScreen.jsx b/src/screens/PlayerScreen/PlayerScreen.jsx index cac368f..d32184f 100644 --- a/src/screens/PlayerScreen/PlayerScreen.jsx +++ b/src/screens/PlayerScreen/PlayerScreen.jsx @@ -44,11 +44,6 @@ const PlayerScreen = () => { } }, [isTrackAddingCompleted]); - useTrackPlayerEvents([Event.PlaybackActiveTrackChanged], async (event) => { - const queueres = await TrackPlayer.getQueue(); - setQueue(queueres); - }); - return ( isTrackAddingCompleted && ( diff --git a/src/screens/PlayerScreen/components/CustomStatusBar.jsx b/src/screens/PlayerScreen/components/CustomStatusBar.jsx index 91503af..2d6b195 100644 --- a/src/screens/PlayerScreen/components/CustomStatusBar.jsx +++ b/src/screens/PlayerScreen/components/CustomStatusBar.jsx @@ -2,6 +2,7 @@ import { StyleSheet, ToastAndroid, TouchableOpacity, View } from "react-native"; import React from "react"; import Ionicons from "react-native-vector-icons/Ionicons"; import { useNavigation } from "@react-navigation/native"; + const CustomStatusBar = () => { const navigator = useNavigation(); return ( @@ -10,7 +11,7 @@ const CustomStatusBar = () => { onPress={() => { navigator.goBack(); }} - style={[styles.icons, { right: 140 }]} + style={styles.iconLeft} > @@ -18,7 +19,7 @@ const CustomStatusBar = () => { onPress={() => { ToastAndroid.show("Not implemented yet", ToastAndroid.SHORT); }} - style={[styles.icons, { left: 140 }]} + style={styles.iconRight} > @@ -32,9 +33,17 @@ const styles = StyleSheet.create({ buttonContainer: { position: "absolute", flexDirection: "row", + justifyContent: "space-between", top: 25, + width: "100%", + paddingHorizontal: 20, + }, + iconLeft: { + borderRadius: 40, + alignSelf: 'flex-start', }, - icons: { + iconRight: { borderRadius: 40, + alignSelf: 'flex-end', }, });