xref: /MusicFree/src/pages/setCustomTheme/index.tsx (revision b4a87dd6dc0e75f2872da8effb28113164357ce0)
1a27adc20S猫头猫import React from 'react';
2a27adc20S猫头猫import {StyleSheet} from 'react-native';
3a27adc20S猫头猫import rpx from '@/utils/rpx';
4a27adc20S猫头猫import AppBar from '@/components/base/appBar';
5a27adc20S猫头猫import VerticalSafeAreaView from '@/components/base/verticalSafeAreaView';
6a27adc20S猫头猫import globalStyle from '@/constants/globalStyle';
7a27adc20S猫头猫import Button from '@/components/base/button';
8a27adc20S猫头猫import Body from './body';
9*b4a87dd6S猫头猫import Theme from '@/core/theme';
10*b4a87dd6S猫头猫import {useNavigation} from '@react-navigation/native';
11a27adc20S猫头猫
12a27adc20S猫头猫export default function SetCustomTheme() {
13*b4a87dd6S猫头猫    const navigation = useNavigation();
14a27adc20S猫头猫    return (
15a27adc20S猫头猫        <VerticalSafeAreaView style={globalStyle.fwflex1}>
16a27adc20S猫头猫            <AppBar
17a27adc20S猫头猫                withStatusBar
18*b4a87dd6S猫头猫                actionComponent={
19*b4a87dd6S猫头猫                    <Button
20*b4a87dd6S猫头猫                        style={styles.submit}
21*b4a87dd6S猫头猫                        onPress={() => {
22*b4a87dd6S猫头猫                            Theme.setTheme('custom');
23*b4a87dd6S猫头猫                            navigation.goBack();
24*b4a87dd6S猫头猫                        }}
25*b4a87dd6S猫头猫                        fontColor="headerText">
26*b4a87dd6S猫头猫                        完成
27*b4a87dd6S猫头猫                    </Button>
28*b4a87dd6S猫头猫                }>
29a27adc20S猫头猫                自定义背景
30a27adc20S猫头猫            </AppBar>
31a27adc20S猫头猫            <Body />
32a27adc20S猫头猫        </VerticalSafeAreaView>
33a27adc20S猫头猫    );
34a27adc20S猫头猫}
35a27adc20S猫头猫
36a27adc20S猫头猫const styles = StyleSheet.create({
37a27adc20S猫头猫    container: {
38a27adc20S猫头猫        width: rpx(750),
39a27adc20S猫头猫    },
40a27adc20S猫头猫    submit: {
41a27adc20S猫头猫        justifyContent: 'center',
42a27adc20S猫头猫    },
43a27adc20S猫头猫});
44