Features
Why Draftbit
Pricing
Experts
Resources
About
Back to Examples
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.
No items found.

About this App

About
Present info about your app, and link to terms & privacy pages.
Get this Screen
Preview this Screen
Preview this Screen

Scan with your camera to preview on your phone:

Download Expo
Screen Code

-- CODE language-jsx --
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);

-- CODE language-jsx --

‍

-- CODE language-jsx --

‍

-- CODE language-jsx --
import React from 'react';
import {
 Button,
 Divider,
 ScreenContainer,
 Switch,
 Touchable,
 withTheme,
} from '@draftbit/ui';
import { ScrollView, StyleSheet, Text, View } from 'react-native';
const REPLACE_SCREEN_NAME = props => {
 const { theme } = props;
 return (
   <ScreenContainer hasSafeArea={true} scrollable={true}>
     <ScrollView
       contentContainerStyle={styles.scrollViewC8}
       bounces={true}
       showsHorizontalScrollIndicator={false}
       showsVerticalScrollIndicator={true}
     >
       <View
         accessible={true}
         importantForAccessibility=""auto""
         hitSlop={{}}
         pointerEvents=""auto""
       >
         <View style={styles.viewJX}>
           <Text
             style={StyleSheet.flatten([
               styles.textBc,
               theme.typography.headline4,
               { color: theme.colors.strong },
             ])}
           >
             Permissions
           </Text>
         </View>
         <View
           style={styles.viewYk}
           accessible={true}
           pointerEvents=""auto""
           importantForAccessibility=""auto""
           hitSlop={{}}
         >
           <Touchable>
             <View
               style={styles.viewL5}
               pointerEvents=""auto""
               hitSlop={{}}
               importantForAccessibility=""auto""
               accessible={true}
             >
               <View
                 style={styles.viewM9}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 pointerEvents=""auto""
                 accessible={true}
               >
                 <View
                   hitSlop={{}}
                   pointerEvents=""auto""
                   importantForAccessibility=""auto""
                   accessible={true}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                   >
                     Contacts
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                     allowFontScaling={true}
                   >
                     Access and manage your contacts
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerQy}
             height={1}
             color={theme.colors.divider}
           />
           <Touchable>
             <View
               style={styles.view1B}
               importantForAccessibility=""auto""
               accessible={true}
               pointerEvents=""auto""
               hitSlop={{}}
             >
               <View
                 style={styles.viewQi}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 accessible={true}
                 pointerEvents=""auto""
               >
                 <View
                   accessible={true}
                   importantForAccessibility=""auto""
                   pointerEvents=""auto""
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     allowFontScaling={true}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                   >
                     Location
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     ellipsizeMode=""tail""
                     accessible={true}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                   >
                     Access your location
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerYJ}
             color={theme.colors.divider}
             height={1}
           />
           <Touchable>
             <View
               style={styles.viewAX}
               pointerEvents=""auto""
               accessible={true}
               importantForAccessibility=""auto""
               hitSlop={{}}
             >
               <View
                 style={styles.viewJk}
                 accessible={true}
                 hitSlop={{}}
                 pointerEvents=""auto""
                 importantForAccessibility=""auto""
               >
                 <View
                   accessible={true}
                   pointerEvents=""auto""
                   importantForAccessibility=""auto""
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     accessible={true}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                   >
                     Calendar
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     textBreakStrategy=""highQuality""
                     accessible={true}
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                   >
                     Access and manage your events
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerL1}
             color={theme.colors.divider}
             height={1}
           />
           <Touchable>
             <View
               style={styles.viewRi}
               hitSlop={{}}
               pointerEvents=""auto""
               accessible={true}
               importantForAccessibility=""auto""
             >
               <View
                 style={styles.viewGo}
                 pointerEvents=""auto""
                 importantForAccessibility=""auto""
                 hitSlop={{}}
                 accessible={true}
               >
                 <View
                   importantForAccessibility=""auto""
                   hitSlop={{}}
                   pointerEvents=""auto""
                   accessible={true}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     ellipsizeMode=""tail""
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                     accessible={true}
                   >
                     Camera
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     accessible={true}
                     ellipsizeMode=""tail""
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                   >
                     Access your device camera and gallery
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.divider6X}
             height={1}
             color={theme.colors.divider}
           />
           <Touchable>
             <View
               style={styles.viewAS}
               hitSlop={{}}
               importantForAccessibility=""auto""
               pointerEvents=""auto""
               accessible={true}
             >
               <View
                 style={styles.viewTl}
                 accessible={true}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 pointerEvents=""auto""
               >
                 <View
                   importantForAccessibility=""auto""
                   pointerEvents=""auto""
                   accessible={true}
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                     accessible={true}
                     textBreakStrategy=""highQuality""
                   >
                     Microphone
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                     accessible={true}
                   >
                     Allow usage of your microphone
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.divider9S}
             color={theme.colors.divider}
             height={1}
           />
         </View>
       </View>
       <View
         style={styles.viewNr}
         pointerEvents=""auto""
         importantForAccessibility=""auto""
         hitSlop={{}}
         accessible={true}
       >
         <Button
           style={StyleSheet.flatten([
             styles.buttonWh,
             { borderColor: theme.colors.custom_rgba0_0_0_0 },
           ])}
           type=""outline""
         >
           View Notification Settings
         </Button>
       </View>
     </ScrollView>
   </ScreenContainer>
 );
};
const styles = StyleSheet.create({
 viewM9: {
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
   flexDirection: 'row',
 },
 viewL5: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewQi: {
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
   flexDirection: 'row',
 },
 view1B: {
   width: '100%',
   marginTop: 12,
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
 },
 viewJk: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewAX: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewGo: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewRi: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewTl: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewAS: {
   marginBottom: 12,
   marginTop: 12,
   width: '100%',
   paddingBottom: 12,
   paddingTop: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
 },
 buttonWh: {
   alignSelf: 'center',
   justifyContent: 'center',
   alignItems: 'center',
   paddingLeft: 12,
   paddingRight: 12,
   alignContent: 'center',
   borderTopWidth: 0,
   borderBottomWidth: 0,
   borderLeftWidth: 0,
   borderRightWidth: 0,
 },
 scrollViewC8: {
   justifyContent: 'space-between',
   flexGrow: 1,
 },
 textBc: {
   textAlign: 'center',
   marginBottom: 6,
 },
 viewJX: {
   paddingBottom: 24,
   paddingTop: 44,
   paddingLeft: 32,
   paddingRight: 32,
   alignItems: 'center',
 },
 viewYk: {
   paddingBottom: 14,
   paddingRight: 32,
   paddingLeft: 32,
   paddingTop: 14,
 },
 viewNr: {
   paddingRight: 32,
   paddingLeft: 32,
   marginTop: 44,
   alignItems: 'center',
   paddingTop: 14,
   paddingBottom: 34,
 },
 dividerQy: {
   height: 1,
 },
 dividerYJ: {
   height: 1,
 },
 dividerL1: {
   height: 1,
 },
 divider6X: {
   height: 1,
 },
 divider9S: {
   height: 1,
 },
});
export default withTheme(REPLACE_SCREEN_NAME);

‍

-- CODE language-jsx --
import React from 'react';
import {
 Button,
 Divider,
 ScreenContainer,
 Switch,
 Touchable,
 withTheme,
} from '@draftbit/ui';
import { ScrollView, StyleSheet, Text, View } from 'react-native';
const REPLACE_SCREEN_NAME = props => {
 const { theme } = props;
 return (
   <ScreenContainer hasSafeArea={true} scrollable={true}>
     <ScrollView
       contentContainerStyle={styles.scrollViewC8}
       bounces={true}
       showsHorizontalScrollIndicator={false}
       showsVerticalScrollIndicator={true}
     >
       <View
         accessible={true}
         importantForAccessibility=""auto""
         hitSlop={{}}
         pointerEvents=""auto""
       >
         <View style={styles.viewJX}>
           <Text
             style={StyleSheet.flatten([
               styles.textBc,
               theme.typography.headline4,
               { color: theme.colors.strong },
             ])}
           >
             Permissions
           </Text>
         </View>
         <View
           style={styles.viewYk}
           accessible={true}
           pointerEvents=""auto""
           importantForAccessibility=""auto""
           hitSlop={{}}
         >
           <Touchable>
             <View
               style={styles.viewL5}
               pointerEvents=""auto""
               hitSlop={{}}
               importantForAccessibility=""auto""
               accessible={true}
             >
               <View
                 style={styles.viewM9}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 pointerEvents=""auto""
                 accessible={true}
               >
                 <View
                   hitSlop={{}}
                   pointerEvents=""auto""
                   importantForAccessibility=""auto""
                   accessible={true}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                   >
                     Contacts
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                     allowFontScaling={true}
                   >
                     Access and manage your contacts
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerQy}
             height={1}
             color={theme.colors.divider}
           />
           <Touchable>
             <View
               style={styles.view1B}
               importantForAccessibility=""auto""
               accessible={true}
               pointerEvents=""auto""
               hitSlop={{}}
             >
               <View
                 style={styles.viewQi}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 accessible={true}
                 pointerEvents=""auto""
               >
                 <View
                   accessible={true}
                   importantForAccessibility=""auto""
                   pointerEvents=""auto""
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     allowFontScaling={true}
                     accessible={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                   >
                     Location
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     ellipsizeMode=""tail""
                     accessible={true}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                   >
                     Access your location
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerYJ}
             color={theme.colors.divider}
             height={1}
           />
           <Touchable>
             <View
               style={styles.viewAX}
               pointerEvents=""auto""
               accessible={true}
               importantForAccessibility=""auto""
               hitSlop={{}}
             >
               <View
                 style={styles.viewJk}
                 accessible={true}
                 hitSlop={{}}
                 pointerEvents=""auto""
                 importantForAccessibility=""auto""
               >
                 <View
                   accessible={true}
                   pointerEvents=""auto""
                   importantForAccessibility=""auto""
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     accessible={true}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                   >
                     Calendar
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     textBreakStrategy=""highQuality""
                     accessible={true}
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                   >
                     Access and manage your events
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.dividerL1}
             color={theme.colors.divider}
             height={1}
           />
           <Touchable>
             <View
               style={styles.viewRi}
               hitSlop={{}}
               pointerEvents=""auto""
               accessible={true}
               importantForAccessibility=""auto""
             >
               <View
                 style={styles.viewGo}
                 pointerEvents=""auto""
                 importantForAccessibility=""auto""
                 hitSlop={{}}
                 accessible={true}
               >
                 <View
                   importantForAccessibility=""auto""
                   hitSlop={{}}
                   pointerEvents=""auto""
                   accessible={true}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     ellipsizeMode=""tail""
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                     accessible={true}
                   >
                     Camera
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     accessible={true}
                     ellipsizeMode=""tail""
                     textBreakStrategy=""highQuality""
                     allowFontScaling={true}
                   >
                     Access your device camera and gallery
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.divider6X}
             height={1}
             color={theme.colors.divider}
           />
           <Touchable>
             <View
               style={styles.viewAS}
               hitSlop={{}}
               importantForAccessibility=""auto""
               pointerEvents=""auto""
               accessible={true}
             >
               <View
                 style={styles.viewTl}
                 accessible={true}
                 hitSlop={{}}
                 importantForAccessibility=""auto""
                 pointerEvents=""auto""
               >
                 <View
                   importantForAccessibility=""auto""
                   pointerEvents=""auto""
                   accessible={true}
                   hitSlop={{}}
                 >
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.headline6,
                       { color: theme.colors.strong },
                     ])}
                     allowFontScaling={true}
                     ellipsizeMode=""tail""
                     accessible={true}
                     textBreakStrategy=""highQuality""
                   >
                     Microphone
                   </Text>
                   <Text
                     style={StyleSheet.flatten([
                       theme.typography.caption,
                       { color: theme.colors.medium },
                     ])}
                     allowFontScaling={true}
                     textBreakStrategy=""highQuality""
                     ellipsizeMode=""tail""
                     accessible={true}
                   >
                     Allow usage of your microphone
                   </Text>
                 </View>
               </View>
               <Switch color={theme.colors.primary} />
             </View>
           </Touchable>
           <Divider
             style={styles.divider9S}
             color={theme.colors.divider}
             height={1}
           />
         </View>
       </View>
       <View
         style={styles.viewNr}
         pointerEvents=""auto""
         importantForAccessibility=""auto""
         hitSlop={{}}
         accessible={true}
       >
         <Button
           style={StyleSheet.flatten([
             styles.buttonWh,
             { borderColor: theme.colors.custom_rgba0_0_0_0 },
           ])}
           type=""outline""
         >
           View Notification Settings
         </Button>
       </View>
     </ScrollView>
   </ScreenContainer>
 );
};
const styles = StyleSheet.create({
 viewM9: {
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
   flexDirection: 'row',
 },
 viewL5: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewQi: {
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
   flexDirection: 'row',
 },
 view1B: {
   width: '100%',
   marginTop: 12,
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
 },
 viewJk: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewAX: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewGo: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewRi: {
   paddingTop: 12,
   paddingBottom: 12,
   marginBottom: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   marginTop: 12,
 },
 viewTl: {
   flexDirection: 'row',
   maxWidth: '80%',
   width: '100%',
   alignItems: 'center',
 },
 viewAS: {
   marginBottom: 12,
   marginTop: 12,
   width: '100%',
   paddingBottom: 12,
   paddingTop: 12,
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'space-between',
 },
 buttonWh: {
   alignSelf: 'center',
   justifyContent: 'center',
   alignItems: 'center',
   paddingLeft: 12,
   paddingRight: 12,
   alignContent: 'center',
   borderTopWidth: 0,
   borderBottomWidth: 0,
   borderLeftWidth: 0,
   borderRightWidth: 0,
 },
 scrollViewC8: {
   justifyContent: 'space-between',
   flexGrow: 1,
 },
 textBc: {
   textAlign: 'center',
   marginBottom: 6,
 },
 viewJX: {
   paddingBottom: 24,
   paddingTop: 44,
   paddingLeft: 32,
   paddingRight: 32,
   alignItems: 'center',
 },
 viewYk: {
   paddingBottom: 14,
   paddingRight: 32,
   paddingLeft: 32,
   paddingTop: 14,
 },
 viewNr: {
   paddingRight: 32,
   paddingLeft: 32,
   marginTop: 44,
   alignItems: 'center',
   paddingTop: 14,
   paddingBottom: 34,
 },
 dividerQy: {
   height: 1,
 },
 dividerYJ: {
   height: 1,
 },
 dividerL1: {
   height: 1,
 },
 divider6X: {
   height: 1,
 },
 divider9S: {
   height: 1,
 },
});
export default withTheme(REPLACE_SCREEN_NAME);

Screen Variants:

Additional Details

Changelog

No items found.

Related Screens

App Profile
App Settings
Basic Profile
Create Account - Options
Plan Options
Credit Card Info

Skip the engineering hassle and go from idea to app store in days.

Get Started →
Product
FeaturesWhy DraftbitPricingPricingExamplesExperts
Company
AboutJobsBlogTermsPrivacy
Support
CommunityResourcesDocs
Get started
Choose PlanRequest A DemoSign In