Live Preview with Expo
Scan the QR code with your camera. Don't have Expo yet? Enter your email or phone number and we'll send a link.
Screen Code
import React from 'react';
import Images from '../config/Images';
import {
Divider,
Icon,
ScreenContainer,
Touchable,
withTheme,
} from '@draftbit/ui';
import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';
const AboutThisApp = props => {
const { theme } = props;
return (
App Name
App Description
@twitter
Website
Terms & Conditions
Privacy Policy
Version 1.01
);
};
const styles = StyleSheet.create({
Imager1: {
marginBottom: 24,
width: 120,
height: 120,
},
IconWm: {
width: 24,
alignSelf: 'flex-start',
height: 24,
marginRight: 8,
},
ViewZy: {
flexDirection: 'row',
alignItems: 'center',
},
IconBm: {
marginRight: 8,
height: 24,
width: 24,
alignSelf: 'flex-start',
},
VieweS: {
alignItems: 'center',
flexDirection: 'row',
},
Viewx9: {
width: 34,
height: 34,
marginRight: 14,
},
Viewf2: {
maxWidth: '80%',
width: '100%',
alignItems: 'center',
flexDirection: 'row',
},
Viewy1: {
paddingTop: 12,
paddingBottom: 12,
marginBottom: 12,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
width: '100%',
marginTop: 12,
},
IconH7: {
width: 40,
height: 40,
},
IconIy: {
height: 40,
width: 40,
},
ViewJa: {
width: 34,
height: 34,
marginRight: 14,
},
View_6M: {
flexDirection: 'row',
maxWidth: '80%',
width: '100%',
alignItems: 'center',
},
ViewUY: {
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
width: '100%',
marginTop: 12,
paddingTop: 12,
paddingBottom: 12,
marginBottom: 12,
},
ScrollViewdx: {
justifyContent: 'space-between',
flexGrow: 1,
},
View_1y: {
paddingBottom: 14,
paddingTop: 64,
paddingLeft: 32,
paddingRight: 32,
alignItems: 'center',
},
Icon_7t: {
width: 24,
height: 24,
},
DividerJb: {
height: 1,
},
ViewaA: {
paddingBottom: 14,
paddingTop: 14,
paddingRight: 32,
paddingLeft: 32,
},
Viewth: {
paddingTop: 14,
paddingBottom: 34,
paddingRight: 32,
paddingLeft: 32,
alignItems: 'center',
marginTop: 44,
},
IconZA: {
width: 24,
height: 24,
},
TextTJ: {
textAlign: 'center',
marginBottom: 6,
},
TextbU: {
textAlign: 'left',
},
DividerIp: {
height: 1,
},
Touchableqt: {
marginBottom: 6,
marginTop: 12,
flexWrap: 'wrap',
},
TouchablewJ: {
flexWrap: 'wrap',
marginTop: 2,
marginBottom: 6,
},
});
export default withTheme(AboutThisApp);
Screen Variants:
Additional Details
Changelog
No items found.
