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.
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.

Now in open beta!