xref: /MusicFree/src/pages/musicDetail/components/content/lyric/draggingTime.tsx (revision 095287552b9baf2f2ceeb9397c563c292a4f7934)
1import React from 'react';
2import {StyleSheet, Text} from 'react-native';
3import rpx from '@/utils/rpx';
4import timeformat from '@/utils/timeformat';
5import {fontSizeConst} from '@/constants/uiConst';
6import TrackPlayer from '@/core/trackPlayer';
7
8export default function DraggingTime(props: {time: number}) {
9    const progress = TrackPlayer.useProgress();
10
11    return (
12        <Text style={style.draggingTimeText}>
13            {timeformat(Math.min(props.time, progress.duration ?? 0))}
14        </Text>
15    );
16}
17
18const style = StyleSheet.create({
19    draggingTimeText: {
20        color: '#dddddd',
21        fontSize: fontSizeConst.description,
22        width: rpx(90),
23    },
24});
25