xref: /MusicFree/src/pages/setCustomTheme/index.tsx (revision a27adc201796bd0be4a6a41893461b099d480a34)
1*a27adc20S猫头猫import React from 'react';
2*a27adc20S猫头猫import {StyleSheet} from 'react-native';
3*a27adc20S猫头猫import rpx from '@/utils/rpx';
4*a27adc20S猫头猫import AppBar from '@/components/base/appBar';
5*a27adc20S猫头猫import VerticalSafeAreaView from '@/components/base/verticalSafeAreaView';
6*a27adc20S猫头猫import globalStyle from '@/constants/globalStyle';
7*a27adc20S猫头猫import Button from '@/components/base/button';
8*a27adc20S猫头猫import Body from './body';
9*a27adc20S猫头猫
10*a27adc20S猫头猫export default function SetCustomTheme() {
11*a27adc20S猫头猫    return (
12*a27adc20S猫头猫        <VerticalSafeAreaView style={globalStyle.fwflex1}>
13*a27adc20S猫头猫            <AppBar
14*a27adc20S猫头猫                withStatusBar
15*a27adc20S猫头猫                actionComponent={<Button style={styles.submit}>完成</Button>}>
16*a27adc20S猫头猫                自定义背景
17*a27adc20S猫头猫            </AppBar>
18*a27adc20S猫头猫            <Body />
19*a27adc20S猫头猫        </VerticalSafeAreaView>
20*a27adc20S猫头猫    );
21*a27adc20S猫头猫}
22*a27adc20S猫头猫
23*a27adc20S猫头猫const styles = StyleSheet.create({
24*a27adc20S猫头猫    container: {
25*a27adc20S猫头猫        width: rpx(750),
26*a27adc20S猫头猫    },
27*a27adc20S猫头猫    submit: {
28*a27adc20S猫头猫        justifyContent: 'center',
29*a27adc20S猫头猫    },
30*a27adc20S猫头猫});
31