renil/lx-music-mobile-mod
1
0
Fork 0
mirror of https://github.com/ikun0014/lx-music-mobile.git synced 2025-07-03 13:42:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

调整布局

Browse Source
This commit is contained in:
lyswhut 2021-12-19 17:36:55 +08:00
parent 5877d69bf7
commit b457896bda
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/screens/PlayDetail/Landscape/components/Header.js
View File

@ -85,7 +85,6 @@ export default memo(() => {
return ( return (
<View style={{ ...styles.header, backgroundColor: theme.primary }} nativeID="header"> <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 }}> <View style={{ ...styles.container }}>
<TouchableOpacity onPress={back} style={styles.button}> <TouchableOpacity onPress={back} style={styles.button}>
<Icon name="chevron-left" style={{ color: theme.normal }} size={24} /> <Icon name="chevron-left" style={{ color: theme.normal }} size={24} />
@ -106,8 +105,7 @@ export default memo(() => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
header: { header: {
height: 40 + StatusBar.currentHeight, height: 40,
paddingTop: StatusBar.currentHeight,
}, },
container: { container: {
flexDirection: 'row', flexDirection: 'row',
@ -126,7 +124,7 @@ const styles = StyleSheet.create({
title: { title: {
flex: 1, flex: 1,
// textAlign: 'center', // textAlign: 'center',
fontSize: 15, fontSize: 14,
}, },
icon: { icon: {
paddingLeft: 4, paddingLeft: 4,

6
src/screens/PlayDetail/Landscape/index.js
View File

@ -1,5 +1,5 @@
import React, { memo, useEffect, useCallback, useMemo } from 'react' 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 { useGetter, useDispatch } from '@/store'
import { screenkeepAwake, screenUnkeepAwake } from '@/utils/utils' import { screenkeepAwake, screenUnkeepAwake } from '@/utils/utils'
import { onNavigationComponentDidDisappearEvent } from '@/navigation' import { onNavigationComponentDidDisappearEvent } from '@/navigation'
@ -37,9 +37,10 @@ export default memo(({ componentId, animated }) => {
const component = useMemo(() => { const component = useMemo(() => {
return ( return (
<> <>
<Header /> <StatusBar backgroundColor="rgba(0,0,0,0)" barStyle="dark-content" translucent={true} />
<View style={{ ...styles.container, backgroundColor: theme.primary }}> <View style={{ ...styles.container, backgroundColor: theme.primary }}>
<View style={styles.left}> <View style={styles.left}>
<Header />
<Pic componentId={componentId} animated={animated} /> <Pic componentId={componentId} animated={animated} />
<View style={styles.controlBtn} nativeID="pageIndicator"> <View style={styles.controlBtn} nativeID="pageIndicator">
<MoreBtn /> <MoreBtn />
@ -59,6 +60,7 @@ export default memo(({ componentId, animated }) => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
paddingTop: StatusBar.currentHeight,
flex: 1, flex: 1,
flexDirection: 'row', flexDirection: 'row',
}, },