| /expo/docs/pages/develop/user-interface/ |
| H A D | safe-areas.mdx | 17 src="/static/images/safe-area/without-safe-area.png" 23 ## Use `react-native-safe-area-context` 30 alt="On using react-native-safe-area-context, the content is positioned within the safe area." 31 src="/static/images/safe-area/with-safe-area.png" 37 Install `react-native-safe-area-context` by running the command below: 39 <Terminal cmd={['$ npx expo install react-native-safe-area-context']} /> 49 import { SafeAreaProvider } from 'react-native-safe-area-context'; 62 …github.com/th3rdwave/react-native-safe-area-context#safeareaview), which is a regular `<View>` wit… 81 <SnackInline label="Using react-native-safe-area-context" dependencies={['react-native-safe-area-co… 85 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context'; [all …]
|
| /expo/docs/pages/versions/v48.0.0/sdk/ |
| H A D | safe-area-context.mdx | 4 sourceCodeUrl: 'https://github.com/th3rdwave/react-native-safe-area-context' 5 packageName: 'react-native-safe-area-context' 30 } from 'react-native-safe-area-context'; 40 import { SafeAreaView } from 'react-native-safe-area-context'; 65 Sets the edges to apply the safe area insets to. 74 import { SafeAreaProvider } from 'react-native-safe-area-context'; 84 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 137 padding-top: env(safe-area-inset-top); 138 padding-left: env(safe-area-inset-left); 139 padding-bottom: env(safe-area-inset-bottom); [all …]
|
| /expo/docs/pages/versions/v46.0.0/sdk/ |
| H A D | safe-area-context.mdx | 4 sourceCodeUrl: 'https://github.com/th3rdwave/react-native-safe-area-context' 5 packageName: 'react-native-safe-area-context' 30 } from 'react-native-safe-area-context'; 40 import { SafeAreaView } from 'react-native-safe-area-context'; 65 Sets the edges to apply the safe area insets to. 74 import { SafeAreaProvider } from 'react-native-safe-area-context'; 84 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 137 padding-top: env(safe-area-inset-top); 138 padding-left: env(safe-area-inset-left); 139 padding-bottom: env(safe-area-inset-bottom); [all …]
|
| /expo/docs/pages/versions/v47.0.0/sdk/ |
| H A D | safe-area-context.mdx | 4 sourceCodeUrl: 'https://github.com/th3rdwave/react-native-safe-area-context' 5 packageName: 'react-native-safe-area-context' 30 } from 'react-native-safe-area-context'; 40 import { SafeAreaView } from 'react-native-safe-area-context'; 65 Sets the edges to apply the safe area insets to. 74 import { SafeAreaProvider } from 'react-native-safe-area-context'; 84 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 137 padding-top: env(safe-area-inset-top); 138 padding-left: env(safe-area-inset-left); 139 padding-bottom: env(safe-area-inset-bottom); [all …]
|
| /expo/docs/pages/versions/unversioned/sdk/ |
| H A D | safe-area-context.mdx | 4 sourceCodeUrl: 'https://github.com/th3rdwave/react-native-safe-area-context' 5 packageName: 'react-native-safe-area-context' 33 } from 'react-native-safe-area-context'; 47 import { SafeAreaView } from 'react-native-safe-area-context'; 67 Sets the edges to apply the safe area insets to. 90 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 139 import { SafeAreaProvider } from 'react-native-safe-area-context'; 186 padding-top: env(safe-area-inset-top); 187 padding-left: env(safe-area-inset-left); 188 padding-bottom: env(safe-area-inset-bottom); [all …]
|
| /expo/docs/pages/versions/v49.0.0/sdk/ |
| H A D | safe-area-context.mdx | 4 sourceCodeUrl: 'https://github.com/th3rdwave/react-native-safe-area-context' 5 packageName: 'react-native-safe-area-context' 33 } from 'react-native-safe-area-context'; 47 import { SafeAreaView } from 'react-native-safe-area-context'; 65 Sets the edges to apply the safe area insets to. 90 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 139 import { SafeAreaProvider } from 'react-native-safe-area-context'; 186 padding-top: env(safe-area-inset-top); 187 padding-left: env(safe-area-inset-left); 188 padding-bottom: env(safe-area-inset-bottom); [all …]
|
| /expo/tools/src/react-native-nightlies/patches/ |
| H A D | react-native-safe-area-context.patch | 1 …eact-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.kt … 3 --- a/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareaconte… 4 +++ b/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareaconte… 53 …t-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewManager… 55 --- a/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareaconte… 56 +++ b/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareaconte…
|
| /expo/packages/expo-dev-menu/ |
| H A D | expo-dev-menu.podspec | 79 …if File.exist?("vendored/react-native-safe-area-context/dev-menu-react-native-safe-area-context.xc… 80 safearea.source_files = "vendored/react-native-safe-area-context/**/*.{h}" 81 …rea.vendored_frameworks = "vendored/react-native-safe-area-context/dev-menu-react-native-safe-area… 82 safearea.private_header_files = 'vendored/react-native-safe-area-context/**/*.h' 84 safearea.source_files = 'vendored/react-native-safe-area-context/**/*.{h,m,swift}' 85 safearea.private_header_files = 'vendored/react-native-safe-area-context/**/*.h'
|
| /expo/packages/expo/build/environment/ |
| H A D | getInitialSafeArea.native.js.map | 1 …fe area before native modules have fully loaded.\n * This is a hack to get the safe area insets wi…
|
| /expo/packages/expo-notifications/ios/EXNotifications/Building/ |
| H A D | EXNotificationBuilder.m | 76 NSDictionary *area = request[@"thumbnailClipArea"]; 77 NSNumber *x = [area objectForKey:@"x" verifyingClass:[NSNumber class]]; 78 NSNumber *y = [area objectForKey:@"y" verifyingClass:[NSNumber class]]; 79 NSNumber *width = [area objectForKey:@"width" verifyingClass:[NSNumber class]]; 80 NSNumber *height = [area objectForKey:@"height" verifyingClass:[NSNumber class]];
|
| /expo/ios/versioned/sdk47/EXNotifications/EXNotifications/Building/ |
| H A D | ABI47_0_0EXNotificationBuilder.m | 76 NSDictionary *area = request[@"thumbnailClipArea"]; 77 NSNumber *x = [area objectForKey:@"x" verifyingClass:[NSNumber class]]; 78 NSNumber *y = [area objectForKey:@"y" verifyingClass:[NSNumber class]]; 79 NSNumber *width = [area objectForKey:@"width" verifyingClass:[NSNumber class]]; 80 NSNumber *height = [area objectForKey:@"height" verifyingClass:[NSNumber class]];
|
| /expo/ios/versioned/sdk48/EXNotifications/EXNotifications/Building/ |
| H A D | ABI48_0_0EXNotificationBuilder.m | 76 NSDictionary *area = request[@"thumbnailClipArea"]; 77 NSNumber *x = [area objectForKey:@"x" verifyingClass:[NSNumber class]]; 78 NSNumber *y = [area objectForKey:@"y" verifyingClass:[NSNumber class]]; 79 NSNumber *width = [area objectForKey:@"width" verifyingClass:[NSNumber class]]; 80 NSNumber *height = [area objectForKey:@"height" verifyingClass:[NSNumber class]];
|
| /expo/ios/versioned/sdk49/EXNotifications/EXNotifications/Building/ |
| H A D | ABI49_0_0EXNotificationBuilder.m | 76 NSDictionary *area = request[@"thumbnailClipArea"]; 77 NSNumber *x = [area objectForKey:@"x" verifyingClass:[NSNumber class]]; 78 NSNumber *y = [area objectForKey:@"y" verifyingClass:[NSNumber class]]; 79 NSNumber *width = [area objectForKey:@"width" verifyingClass:[NSNumber class]]; 80 NSNumber *height = [area objectForKey:@"height" verifyingClass:[NSNumber class]];
|
| /expo/packages/expo-dev-launcher/bundle/components/ |
| H A D | SafeAreaTop.tsx | 3 import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
| /expo/android/vendored/sdk48/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 817 void erase(SkColor4f c, SkColorSpace* colorSpace, const SkIRect& area) const; 818 void erase(SkColor4f c, const SkIRect& area) const; 835 void erase(SkColor c, const SkIRect& area) const; 839 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 840 this->erase(c, area); in eraseArea()
|
| /expo/ios/vendored/unversioned/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/ios/vendored/sdk47/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/ios/vendored/sdk48/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/android/vendored/sdk49/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/ios/vendored/sdk49/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/android/vendored/unversioned/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 823 void erase(SkColor4f c, const SkIRect& area) const; 840 void erase(SkColor c, const SkIRect& area) const; 844 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 845 this->erase(c, area); in eraseArea()
|
| /expo/android/vendored/sdk47/@shopify/react-native-skia/cpp/skia/include/core/ |
| H A D | SkBitmap.h | 801 void erase(SkColor c, const SkIRect& area) const; 805 void eraseArea(const SkIRect& area, SkColor c) const { in eraseArea() argument 806 this->erase(c, area); in eraseArea()
|
| /expo/packages/expo-dev-menu/vendored/react-native-safe-area-context/src/ |
| H A D | NativeSafeAreaProvider.tsx | 94 CSS.supports('top: constant(safe-area-inset-top)') 104 return `${getSupportedEnv()}(safe-area-inset-${side})`;
|
| H A D | SafeAreaContext.tsx | 107 …'No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top … 117 …'No safe area frame value available. Make sure you are rendering `<SafeAreaProvider>` at the top o…
|
| /expo/apps/native-component-list/src/screens/ |
| H A D | SearchScreen.tsx | 6 import { useSafeAreaInsets } from 'react-native-safe-area-context'; 35 // and depend on react-native-safe-area-context to tell us.
|