44 lines
1018 B
TypeScript
44 lines
1018 B
TypeScript
import { version } from 'expo/package.json';
|
|
import { Image } from 'expo-image';
|
|
import { useColorScheme, StyleSheet } from 'react-native';
|
|
|
|
import { ThemedText } from './themed-text';
|
|
import { ThemedView } from './themed-view';
|
|
|
|
import { Spacing } from '@/constants/theme';
|
|
|
|
export function WebBadge() {
|
|
const scheme = useColorScheme();
|
|
|
|
return (
|
|
<ThemedView style={styles.container}>
|
|
<ThemedText type="code" themeColor="textSecondary" style={styles.versionText}>
|
|
v{version}
|
|
</ThemedText>
|
|
<Image
|
|
source={
|
|
scheme === 'dark'
|
|
? require('@/assets/images/expo-badge-white.png')
|
|
: require('@/assets/images/expo-badge.png')
|
|
}
|
|
style={styles.badgeImage}
|
|
/>
|
|
</ThemedView>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
padding: Spacing.five,
|
|
alignItems: 'center',
|
|
gap: Spacing.two,
|
|
},
|
|
versionText: {
|
|
textAlign: 'center',
|
|
},
|
|
badgeImage: {
|
|
width: 123,
|
|
aspectRatio: 123 / 24,
|
|
},
|
|
});
|