优化一些沉浸的细节

czy0729 · Sep 5, 2019 · e8385b5 · e8385b5
1 parent e83bcdf
commit e8385b5
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 17 deletions.
diff --git a/components/status-bar-events.js b/components/status-bar-events.js
@@ -5,7 +5,7 @@
  * @Author: czy0729
  * @Date: 2019-08-11 14:02:16
  * @Last Modified by: czy0729
- * @Last Modified time: 2019-09-05 19:29:28
+ * @Last Modified time: 2019-09-05 20:31:35
  */
 import React from 'react'
 import { StatusBar } from 'react-native'
@@ -17,24 +17,29 @@ function StatusBarEvents({
   barStyle,
   translucent,
   animated,
-  ...other
+  action
 }) {
+  const events = () => {
+    StatusBar.setBackgroundColor(backgroundColor, animated)
+    StatusBar.setBarStyle(barStyle, animated)
+    StatusBar.setTranslucent(translucent, animated)
+  }
+  const props = {
+    onDidFocus: () => events()
+  }
+  if (action === 'onWillFocus') {
+    props.onWillFocus = () => events()
+  }
+
   return (
     <>
-      <NavigationEvents
-        onDidFocus={() => {
-          StatusBar.setBackgroundColor(backgroundColor, animated)
-          StatusBar.setBarStyle(barStyle, animated)
-          StatusBar.setTranslucent(translucent, animated)
-        }}
-      />
       <StatusBar
         backgroundColor={backgroundColor}
         barStyle={barStyle}
         translucent={translucent}
         animated={animated}
-        {...other}
       />
+      <NavigationEvents {...props} />
     </>
   )
 }
@@ -43,7 +48,8 @@ StatusBarEvents.defaultProps = {
   backgroundColor: '#ffffff',
   barStyle: 'dark-content',
   translucent: !IOS,
-  animated: IOS
+  animated: IOS,
+  action: 'onDidFocus'
 }
 
 export default StatusBarEvents
diff --git a/screens/discovery/award/index.js b/screens/discovery/award/index.js
@@ -3,7 +3,7 @@
  * @Author: czy0729
  * @Date: 2019-05-29 19:37:12
  * @Last Modified by: czy0729
- * @Last Modified time: 2019-09-05 16:11:34
+ * @Last Modified time: 2019-09-05 20:15:17
  */
 import React from 'react'
 import { StyleSheet, View, WebView } from 'react-native'
@@ -96,6 +96,7 @@ class Award extends React.Component {
         <StatusBarEvents
           barStyle={this.barStyle}
           backgroundColor='transparent'
+          action='onWillFocus'
         />
         {loading && (
           <Loading

diff --git a/screens/discovery/random/list.js b/screens/discovery/random/list.js
@@ -2,7 +2,7 @@
  * @Author: czy0729
  * @Date: 2019-06-23 02:20:58
  * @Last Modified by: czy0729
- * @Last Modified time: 2019-09-05 16:33:43
+ * @Last Modified time: 2019-09-05 20:43:53
  */
 import React from 'react'
 import PropTypes from 'prop-types'
@@ -18,7 +18,9 @@ const List = (props, { $ }) => (
     contentContainerStyle={_.container.bottom}
     keyExtractor={item => String(item.id)}
     data={$.random}
-    ListHeaderComponent={<StatusBarPlaceholder />}
+    ListHeaderComponent={
+      <StatusBarPlaceholder style={{ backgroundColor: _.colorBg }} />
+    }
     renderItem={({ item }) => <Item {...item} />}
     onHeaderRefresh={() => $.fetchRandom(true)}
     onFooterRefresh={$.fetchRandom}

diff --git a/screens/home/subject/index.js b/screens/home/subject/index.js
@@ -2,7 +2,7 @@
  * @Author: czy0729
  * @Date: 2019-03-23 04:16:27
  * @Last Modified by: czy0729
- * @Last Modified time: 2019-09-05 15:49:00
+ * @Last Modified time: 2019-09-05 20:36:35
  */
 import React from 'react'
 import { StyleSheet } from 'react-native'
@@ -154,7 +154,7 @@ const styles = StyleSheet.create({
     top: 0,
     left: 0,
     right: 0,
-    height: _.window.height * 0.5
+    height: _.window.height * 0.4
   },
   contentContainerStyle: {
     paddingTop: _.headerHeight,

diff --git a/utils/decorators/withTransitionHeader.js b/utils/decorators/withTransitionHeader.js
@@ -2,7 +2,7 @@
  * @Author: czy0729
  * @Date: 2019-05-01 16:57:57
  * @Last Modified by: czy0729
- * @Last Modified time: 2019-09-05 16:10:36
+ * @Last Modified time: 2019-09-05 20:10:21
  */
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
@@ -191,6 +191,7 @@ const withTransitionHeader = ({
             <StatusBarEvents
               barStyle={barStyle}
               backgroundColor='transparent'
+              action='onWillFocus'
             />
             <ComposedComponent
               navigation={navigation}