From dc16863bd88aa79b8cec4257c1a54163f019a329 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Mon, 20 Dec 2021 16:29:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=AA=E5=B1=8F=E6=92=AD=E6=94=BE=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E6=96=B0=E5=A2=9E=E8=AF=84=E8=AE=BA=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 publish/changeLog.md                          |  1 +
 .../Landscape/components/CommentBtn.js        | 35 +++++++++++++++++++
 .../PlayDetail/Landscape/components/Header.js |  2 ++
 3 files changed, 38 insertions(+)
 create mode 100644 src/screens/PlayDetail/Landscape/components/CommentBtn.js

diff --git a/publish/changeLog.md b/publish/changeLog.md
index d2590fe..29c3713 100644
--- a/publish/changeLog.md
+++ b/publish/changeLog.md
@@ -3,6 +3,7 @@
 - 同步功能新增对列表位置调整的支持（若你使用同步功能，请务必升级到此版本以上，不然会有问题）
 - 新增播放详情页歌词字体大小调整设置，可在详情页右上角的按钮进行调整
 - 新增同步服务地址历史列表功能
+- 横屏播放详情页新增评论入口
 
 ### 优化
 
diff --git a/src/screens/PlayDetail/Landscape/components/CommentBtn.js b/src/screens/PlayDetail/Landscape/components/CommentBtn.js
new file mode 100644
index 0000000..f716795
--- /dev/null
+++ b/src/screens/PlayDetail/Landscape/components/CommentBtn.js
@@ -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,
+  },
+})
diff --git a/src/screens/PlayDetail/Landscape/components/Header.js b/src/screens/PlayDetail/Landscape/components/Header.js
index 211b55f..911b764 100644
--- a/src/screens/PlayDetail/Landscape/components/Header.js
+++ b/src/screens/PlayDetail/Landscape/components/Header.js
@@ -9,6 +9,7 @@ import Popup from '@/components/common/Popup'
 import Slider from '@/components/common/Slider'
 import { useTranslation } from '@/plugins/i18n'
 // import { AppColors } from '@/theme'
+import CommentBtn from './CommentBtn'
 
 const LrcFontSizeStyles = StyleSheet.create({
   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.normal20, fontSize: 12 }}>{playMusicInfo.musicInfo?.singer}</Text>
         </View>
+        <CommentBtn />
         <TouchableOpacity onPress={showSetting} style={styles.button}>
           <Icon name="font-size" style={{ color: theme.normal30 }} size={24} />
         </TouchableOpacity>