summaryrefslogtreecommitdiff
path: root/app/components/screen
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
committerKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
commitf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (patch)
tree575c0ff2cbb846252bd2e494c81c396846aab2f6 /app/components/screen
parent67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff)
Apply Prettier
Diffstat (limited to 'app/components/screen')
-rw-r--r--app/components/screen/screen.presets.ts20
-rw-r--r--app/components/screen/screen.props.ts10
-rw-r--r--app/components/screen/screen.tsx42
3 files changed, 42 insertions, 30 deletions
diff --git a/app/components/screen/screen.presets.ts b/app/components/screen/screen.presets.ts
index a016b77..aa8d8cf 100644
--- a/app/components/screen/screen.presets.ts
+++ b/app/components/screen/screen.presets.ts
@@ -1,5 +1,5 @@
-import { ViewStyle } from "react-native"
-import { color } from "../../theme"
+import { ViewStyle } from 'react-native'
+import { color } from '../../theme'
/**
* All screen keyboard offsets.
@@ -25,13 +25,13 @@ export const presets = {
outer: {
backgroundColor: color.background,
flex: 1,
- height: "100%",
+ height: '100%',
} as ViewStyle,
inner: {
- justifyContent: "flex-start",
- alignItems: "stretch",
- height: "100%",
- width: "100%",
+ justifyContent: 'flex-start',
+ alignItems: 'stretch',
+ height: '100%',
+ width: '100%',
} as ViewStyle,
},
@@ -44,9 +44,9 @@ export const presets = {
outer: {
backgroundColor: color.background,
flex: 1,
- height: "100%",
+ height: '100%',
} as ViewStyle,
- inner: { justifyContent: "flex-start", alignItems: "stretch" } as ViewStyle,
+ inner: { justifyContent: 'flex-start', alignItems: 'stretch' } as ViewStyle,
},
}
@@ -62,5 +62,5 @@ export type ScreenPresets = keyof typeof presets
*/
export function isNonScrolling(preset?: ScreenPresets) {
// any of these things will make you scroll
- return !preset || !presets[preset] || preset === "fixed"
+ return !preset || !presets[preset] || preset === 'fixed'
}
diff --git a/app/components/screen/screen.props.ts b/app/components/screen/screen.props.ts
index 0326fd7..1371c64 100644
--- a/app/components/screen/screen.props.ts
+++ b/app/components/screen/screen.props.ts
@@ -1,6 +1,6 @@
-import React from "react"
-import { StyleProp, ViewStyle } from "react-native"
-import { KeyboardOffsets, ScreenPresets } from "./screen.presets"
+import React from 'react'
+import { StyleProp, ViewStyle } from 'react-native'
+import { KeyboardOffsets, ScreenPresets } from './screen.presets'
export interface ScreenProps {
/**
@@ -26,7 +26,7 @@ export interface ScreenProps {
/**
* An optional status bar setting. Defaults to light-content.
*/
- statusBar?: "light-content" | "dark-content"
+ statusBar?: 'light-content' | 'dark-content'
/**
* Should we not wrap in SafeAreaView? Defaults to false.
@@ -42,5 +42,5 @@ export interface ScreenProps {
* Should keyboard persist on screen tap. Defaults to handled.
* Only applies to scroll preset.
*/
- keyboardShouldPersistTaps?: "handled" | "always" | "never"
+ keyboardShouldPersistTaps?: 'handled' | 'always' | 'never'
}
diff --git a/app/components/screen/screen.tsx b/app/components/screen/screen.tsx
index ba84547..e593dde 100644
--- a/app/components/screen/screen.tsx
+++ b/app/components/screen/screen.tsx
@@ -1,25 +1,33 @@
-import * as React from "react"
-import { KeyboardAvoidingView, Platform, ScrollView, StatusBar, View } from "react-native"
-import { useSafeAreaInsets } from "react-native-safe-area-context"
-import { ScreenProps } from "./screen.props"
-import { isNonScrolling, offsets, presets } from "./screen.presets"
+import * as React from 'react'
+import {
+ KeyboardAvoidingView,
+ Platform,
+ ScrollView,
+ StatusBar,
+ View,
+} from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { ScreenProps } from './screen.props'
+import { isNonScrolling, offsets, presets } from './screen.presets'
-const isIos = Platform.OS === "ios"
+const isIos = Platform.OS === 'ios'
function ScreenWithoutScrolling(props: ScreenProps) {
const insets = useSafeAreaInsets()
const preset = presets.fixed
const style = props.style || {}
- const backgroundStyle = props.backgroundColor ? { backgroundColor: props.backgroundColor } : {}
+ const backgroundStyle = props.backgroundColor
+ ? { backgroundColor: props.backgroundColor }
+ : {}
const insetStyle = { paddingTop: props.unsafe ? 0 : insets.top }
return (
<KeyboardAvoidingView
style={[preset.outer, backgroundStyle]}
- behavior={isIos ? "padding" : undefined}
- keyboardVerticalOffset={offsets[props.keyboardOffset || "none"]}
+ behavior={isIos ? 'padding' : undefined}
+ keyboardVerticalOffset={offsets[props.keyboardOffset || 'none']}
>
- <StatusBar barStyle={props.statusBar || "light-content"} />
+ <StatusBar barStyle={props.statusBar || 'light-content'} />
<View style={[preset.inner, style, insetStyle]}>{props.children}</View>
</KeyboardAvoidingView>
)
@@ -29,21 +37,25 @@ function ScreenWithScrolling(props: ScreenProps) {
const insets = useSafeAreaInsets()
const preset = presets.scroll
const style = props.style || {}
- const backgroundStyle = props.backgroundColor ? { backgroundColor: props.backgroundColor } : {}
+ const backgroundStyle = props.backgroundColor
+ ? { backgroundColor: props.backgroundColor }
+ : {}
const insetStyle = { paddingTop: props.unsafe ? 0 : insets.top }
return (
<KeyboardAvoidingView
style={[preset.outer, backgroundStyle]}
- behavior={isIos ? "padding" : undefined}
- keyboardVerticalOffset={offsets[props.keyboardOffset || "none"]}
+ behavior={isIos ? 'padding' : undefined}
+ keyboardVerticalOffset={offsets[props.keyboardOffset || 'none']}
>
- <StatusBar barStyle={props.statusBar || "light-content"} />
+ <StatusBar barStyle={props.statusBar || 'light-content'} />
<View style={[preset.outer, backgroundStyle, insetStyle]}>
<ScrollView
style={[preset.outer, backgroundStyle]}
contentContainerStyle={[preset.inner, style]}
- keyboardShouldPersistTaps={props.keyboardShouldPersistTaps || "handled"}
+ keyboardShouldPersistTaps={
+ props.keyboardShouldPersistTaps || 'handled'
+ }
>
{props.children}
</ScrollView>