From b457896bda25a553440ef8fdb6585ba00cb86c0f Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Sun, 19 Dec 2021 17:36:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/screens/PlayDetail/Landscape/components/Header.js | 6 ++----
 src/screens/PlayDetail/Landscape/index.js             | 6 ++++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/screens/PlayDetail/Landscape/components/Header.js b/src/screens/PlayDetail/Landscape/components/Header.js
index 2428ed4..b5b4ac2 100644
--- a/src/screens/PlayDetail/Landscape/components/Header.js
+++ b/src/screens/PlayDetail/Landscape/components/Header.js
@@ -85,7 +85,6 @@ export default memo(() => {
 
   return (
     <View style={{ ...styles.header, backgroundColor: theme.primary }} nativeID="header">
-      <StatusBar backgroundColor="rgba(0,0,0,0)" barStyle="dark-content" translucent={true} />
       <View style={{ ...styles.container }}>
         <TouchableOpacity onPress={back} style={styles.button}>
           <Icon name="chevron-left" style={{ color: theme.normal }} size={24} />
@@ -106,8 +105,7 @@ export default memo(() => {
 
 const styles = StyleSheet.create({
   header: {
-    height: 40 + StatusBar.currentHeight,
-    paddingTop: StatusBar.currentHeight,
+    height: 40,
   },
   container: {
     flexDirection: 'row',
@@ -126,7 +124,7 @@ const styles = StyleSheet.create({
   title: {
     flex: 1,
     // textAlign: 'center',
-    fontSize: 15,
+    fontSize: 14,
   },
   icon: {
     paddingLeft: 4,
diff --git a/src/screens/PlayDetail/Landscape/index.js b/src/screens/PlayDetail/Landscape/index.js
index b9255b9..6989f40 100644
--- a/src/screens/PlayDetail/Landscape/index.js
+++ b/src/screens/PlayDetail/Landscape/index.js
@@ -1,5 +1,5 @@
 import React, { memo, useEffect, useCallback, useMemo } from 'react'
-import { View, Text, StyleSheet } from 'react-native'
+import { View, Text, StyleSheet, StatusBar } from 'react-native'
 import { useGetter, useDispatch } from '@/store'
 import { screenkeepAwake, screenUnkeepAwake } from '@/utils/utils'
 import { onNavigationComponentDidDisappearEvent } from '@/navigation'
@@ -37,9 +37,10 @@ export default memo(({ componentId, animated }) => {
   const component = useMemo(() => {
     return (
       <>
-        <Header />
+        <StatusBar backgroundColor="rgba(0,0,0,0)" barStyle="dark-content" translucent={true} />
         <View style={{ ...styles.container, backgroundColor: theme.primary }}>
           <View style={styles.left}>
+            <Header />
             <Pic componentId={componentId} animated={animated} />
             <View style={styles.controlBtn} nativeID="pageIndicator">
               <MoreBtn />
@@ -59,6 +60,7 @@ export default memo(({ componentId, animated }) => {
 
 const styles = StyleSheet.create({
   container: {
+    paddingTop: StatusBar.currentHeight,
     flex: 1,
     flexDirection: 'row',
   },