mirror of
https://github.com/ikun0014/lx-music-mobile.git
synced 2025-07-03 08:02:09 +08:00
调整布局
This commit is contained in:
parent
5877d69bf7
commit
b457896bda
@ -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,
|
||||
|
@ -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',
|
||||
},
|
||||
|
Loading…
x
Reference in New Issue
Block a user