ignitegym/App.tsx

28 lines
784 B
TypeScript

import { StatusBar, View } from 'react-native';
import { useFonts, Roboto_400Regular, Roboto_700Bold } from '@expo-google-fonts/roboto';
import { Center, GluestackUIProvider, Text } from '@gluestack-ui/themed';
import { config } from './config/gluestack-ui.config';
export default function App() {
const [fontsLoaded] = useFonts({
Roboto_400Regular,
Roboto_700Bold,
});
return (
<GluestackUIProvider config={config}>
{fontsLoaded ? (
<Center flex={1} bg="$gray700">
<Text color="white" fontSize={34}>Ignite Gym</Text>
</Center>
) : (
<Text>Loading...</Text>
)}
<StatusBar
barStyle="light-content"
backgroundColor="transparent"
translucent
/>
</GluestackUIProvider>
);
}