1import React from 'react'; 2import { StyleSheet} from 'react-native'; 3import rpx from '@/utils/rpx'; 4import {useRoute} from '@react-navigation/native'; 5import settingTypes from './settingTypes'; 6import { SafeAreaView } from 'react-native-safe-area-context'; 7import StatusBar from '@/components/base/statusBar'; 8import SimpleAppBar from '@/components/base/simpleAppBar'; 9 10interface ISettingProps {} 11export default function Setting(props: ISettingProps) { 12 const route = useRoute<any>(); 13 const type: string = route.params?.type; 14 const settingItem = settingTypes[type]; 15 16 17 return ( 18 <SafeAreaView style={style.wrapper}> 19 <StatusBar></StatusBar> 20 <SimpleAppBar title={settingItem?.title}></SimpleAppBar> 21 <settingItem.component></settingItem.component> 22 </SafeAreaView> 23 ); 24} 25 26const style = StyleSheet.create({ 27 wrapper: { 28 width: rpx(750), 29 flex: 1 30 }, 31 appbar: { 32 shadowColor: 'transparent', 33 backgroundColor: '#2b333eaa' 34 }, 35 header: { 36 backgroundColor: 'transparent', 37 shadowColor: 'transparent', 38 }, 39}); 40