mirror of
https://github.com/ikun0014/lx-music-mobile.git
synced 2025-07-04 04:42:09 +08:00
横屏播放详情页新增评论入口
This commit is contained in:
parent
69d46ec4bd
commit
dc16863bd8
@ -3,6 +3,7 @@
|
|||||||
- 同步功能新增对列表位置调整的支持(若你使用同步功能,请务必升级到此版本以上,不然会有问题)
|
- 同步功能新增对列表位置调整的支持(若你使用同步功能,请务必升级到此版本以上,不然会有问题)
|
||||||
- 新增播放详情页歌词字体大小调整设置,可在详情页右上角的按钮进行调整
|
- 新增播放详情页歌词字体大小调整设置,可在详情页右上角的按钮进行调整
|
||||||
- 新增同步服务地址历史列表功能
|
- 新增同步服务地址历史列表功能
|
||||||
|
- 横屏播放详情页新增评论入口
|
||||||
|
|
||||||
### 优化
|
### 优化
|
||||||
|
|
||||||
|
35
src/screens/PlayDetail/Landscape/components/CommentBtn.js
Normal file
35
src/screens/PlayDetail/Landscape/components/CommentBtn.js
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import React, { memo } from 'react'
|
||||||
|
import { StyleSheet, TouchableOpacity } from 'react-native'
|
||||||
|
import Icon from '@/components/common/Icon'
|
||||||
|
import { useGetter, useDispatch } from '@/store'
|
||||||
|
import { navigations } from '@/navigation'
|
||||||
|
|
||||||
|
|
||||||
|
export default memo(() => {
|
||||||
|
const theme = useGetter('common', 'theme')
|
||||||
|
const componentIds = useGetter('common', 'componentIds')
|
||||||
|
|
||||||
|
const handleShowCommentScreen = () => {
|
||||||
|
navigations.pushCommentScreen(componentIds.home)
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<TouchableOpacity style={{ ...styles.cotrolBtn }} activeOpacity={0.5} onPress={handleShowCommentScreen}>
|
||||||
|
<Icon name="comment" style={{ color: theme.normal30 }} size={24} />
|
||||||
|
</TouchableOpacity>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
|
||||||
|
const styles = StyleSheet.create({
|
||||||
|
cotrolBtn: {
|
||||||
|
marginLeft: 5,
|
||||||
|
width: 40,
|
||||||
|
height: 40,
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
|
||||||
|
// backgroundColor: '#ccc',
|
||||||
|
shadowOpacity: 1,
|
||||||
|
textShadowRadius: 1,
|
||||||
|
},
|
||||||
|
})
|
@ -9,6 +9,7 @@ import Popup from '@/components/common/Popup'
|
|||||||
import Slider from '@/components/common/Slider'
|
import Slider from '@/components/common/Slider'
|
||||||
import { useTranslation } from '@/plugins/i18n'
|
import { useTranslation } from '@/plugins/i18n'
|
||||||
// import { AppColors } from '@/theme'
|
// import { AppColors } from '@/theme'
|
||||||
|
import CommentBtn from './CommentBtn'
|
||||||
|
|
||||||
const LrcFontSizeStyles = StyleSheet.create({
|
const LrcFontSizeStyles = StyleSheet.create({
|
||||||
content: {
|
content: {
|
||||||
@ -95,6 +96,7 @@ export default memo(() => {
|
|||||||
<Text numberOfLines={1} style={{ ...styles.title, color: theme.normal10 }}>{playMusicInfo.musicInfo?.name}</Text>
|
<Text numberOfLines={1} style={{ ...styles.title, color: theme.normal10 }}>{playMusicInfo.musicInfo?.name}</Text>
|
||||||
<Text numberOfLines={1} style={{ ...styles.title, color: theme.normal20, fontSize: 12 }}>{playMusicInfo.musicInfo?.singer}</Text>
|
<Text numberOfLines={1} style={{ ...styles.title, color: theme.normal20, fontSize: 12 }}>{playMusicInfo.musicInfo?.singer}</Text>
|
||||||
</View>
|
</View>
|
||||||
|
<CommentBtn />
|
||||||
<TouchableOpacity onPress={showSetting} style={styles.button}>
|
<TouchableOpacity onPress={showSetting} style={styles.button}>
|
||||||
<Icon name="font-size" style={{ color: theme.normal30 }} size={24} />
|
<Icon name="font-size" style={{ color: theme.normal30 }} size={24} />
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user