You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
938 B
36 lines
938 B
2 days ago
|
import React from 'react';
|
||
|
|
import { View } from 'react-native';
|
||
|
|
import { makeStyles, Text, Button, useThemeMode } from '@rneui/themed';
|
||
|
|
|
||
|
|
export default function TestScreen() {
|
||
|
|
const styles = useStyles();
|
||
|
|
const { setMode, mode } = useThemeMode();
|
||
|
|
|
||
|
|
const handleOnPress = () => {
|
||
|
|
setMode(mode === 'dark' ? 'light' : 'dark');
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<View style={styles.container}>
|
||
|
|
<Text h3>Start Using RNE </Text>
|
||
|
|
<Text style={styles.text}>Open up App.tsx to start working on your app!</Text>
|
||
|
|
<Text className="text-red-600 font-bold">Powered by RNE-Edge</Text>
|
||
|
|
<Button className="rounded-lg" onPress={handleOnPress}>
|
||
|
|
Switch Theme
|
||
|
|
</Button>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
const useStyles = makeStyles((theme) => ({
|
||
|
|
container: {
|
||
|
|
flex: 1,
|
||
|
|
backgroundColor: theme.colors.background,
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
},
|
||
|
|
text: {
|
||
|
|
marginVertical: theme.spacing.lg,
|
||
|
|
},
|
||
|
|
}));
|