mirror of
https://github.com/ikun0014/lx-music-mobile.git
synced 2025-05-23 22:37:41 +08:00
微调按钮
This commit is contained in:
parent
9b43fb6387
commit
943ad732e9
@ -24,7 +24,7 @@ export default ({ playNextModes }) => {
|
||||
|
||||
const btnPrev = useMemo(() => (
|
||||
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playPrev}>
|
||||
<Icon name='prevMusic' style={{ color: theme.secondary10 }} size={30} />
|
||||
<Icon name='prevMusic' style={{ color: theme.secondary10 }} size={32} />
|
||||
</TouchableOpacity>
|
||||
), [playPrev, theme])
|
||||
|
||||
@ -45,12 +45,12 @@ export default ({ playNextModes }) => {
|
||||
}, [])
|
||||
const btnPlay = useMemo(() => (
|
||||
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={() => togglePlay(playStatus)}>
|
||||
<Icon name={playStatus == STATUS.playing ? 'pause' : 'play'} style={{ color: theme.secondary10 }} size={30} />
|
||||
<Icon name={playStatus == STATUS.playing ? 'pause' : 'play'} style={{ color: theme.secondary10 }} size={32} />
|
||||
</TouchableOpacity>
|
||||
), [playStatus, theme, togglePlay])
|
||||
const btnNext = useMemo(() => (
|
||||
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={playNext}>
|
||||
<Icon name='nextMusic' style={{ color: theme.secondary10 }} size={30} />
|
||||
<Icon name='nextMusic' style={{ color: theme.secondary10 }} size={32} />
|
||||
</TouchableOpacity>
|
||||
), [playNext, theme])
|
||||
|
||||
@ -72,8 +72,8 @@ export default ({ playNextModes }) => {
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
cotrolBtn: {
|
||||
width: 42,
|
||||
height: 42,
|
||||
width: 46,
|
||||
height: 46,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
|
||||
|
@ -50,8 +50,8 @@ const Progress = ({ progress, bufferedProgress, duration }) => {
|
||||
|
||||
|
||||
const progressContentPadding = 10
|
||||
const progressHeight = 3
|
||||
const progressDotSize = 10
|
||||
const progressHeight = 3.6
|
||||
const progressDotSize = 12
|
||||
const styles = StyleSheet.create({
|
||||
progress: {
|
||||
width: '100%',
|
||||
|
@ -59,8 +59,8 @@ const styles = StyleSheet.create({
|
||||
flexShrink: 0,
|
||||
paddingLeft: '15%',
|
||||
paddingRight: '15%',
|
||||
paddingTop: '10%',
|
||||
paddingBottom: '8%',
|
||||
paddingTop: '9.5%',
|
||||
paddingBottom: '8.5%',
|
||||
},
|
||||
row: {
|
||||
flexDirection: 'row',
|
||||
|
Loading…
x
Reference in New Issue
Block a user