xref: /MusicFree/src/pages/setCustomTheme/index.tsx (revision 756bc302d40f6f21e72cdfca8580b52a8341d658)
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';
7*756bc302S猫头猫import Button from '@/components/base/textButton.tsx';
8a27adc20S猫头猫import Body from './body';
9b4a87dd6S猫头猫import {useNavigation} from '@react-navigation/native';
10a27adc20S猫头猫
11a27adc20S猫头猫export default function SetCustomTheme() {
12b4a87dd6S猫头猫    const navigation = useNavigation();
13a27adc20S猫头猫    return (
14a27adc20S猫头猫        <VerticalSafeAreaView style={globalStyle.fwflex1}>
15a27adc20S猫头猫            <AppBar
16a27adc20S猫头猫                withStatusBar
17b4a87dd6S猫头猫                actionComponent={
18b4a87dd6S猫头猫                    <Button
19b4a87dd6S猫头猫                        style={styles.submit}
20b4a87dd6S猫头猫                        onPress={() => {
21b4a87dd6S猫头猫                            navigation.goBack();
22b4a87dd6S猫头猫                        }}
23277c5280S猫头猫                        fontColor="appBarText">
24b4a87dd6S猫头猫                        完成
25b4a87dd6S猫头猫                    </Button>
26b4a87dd6S猫头猫                }>
27a27adc20S猫头猫                自定义背景
28a27adc20S猫头猫            </AppBar>
29a27adc20S猫头猫            <Body />
30a27adc20S猫头猫        </VerticalSafeAreaView>
31a27adc20S猫头猫    );
32a27adc20S猫头猫}
33a27adc20S猫头猫
34a27adc20S猫头猫const styles = StyleSheet.create({
35a27adc20S猫头猫    container: {
36a27adc20S猫头猫        width: rpx(750),
37a27adc20S猫头猫    },
38a27adc20S猫头猫    submit: {
39a27adc20S猫头猫        justifyContent: 'center',
40a27adc20S猫头猫    },
41a27adc20S猫头猫});
42