summaryrefslogtreecommitdiff
path: root/storybook/views/story-screen.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'storybook/views/story-screen.tsx')
-rw-r--r--storybook/views/story-screen.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/storybook/views/story-screen.tsx b/storybook/views/story-screen.tsx
new file mode 100644
index 0000000..d83f6f5
--- /dev/null
+++ b/storybook/views/story-screen.tsx
@@ -0,0 +1,15 @@
+import * as React from "react"
+import { ViewStyle, KeyboardAvoidingView, Platform } from "react-native"
+
+const ROOT: ViewStyle = { backgroundColor: "#f0f0f0", flex: 1 }
+
+export interface StoryScreenProps {
+ children?: React.ReactNode
+}
+
+const behavior = Platform.OS === "ios" ? "padding" : undefined
+export const StoryScreen = (props: StoryScreenProps) => (
+ <KeyboardAvoidingView style={ROOT} behavior={behavior} keyboardVerticalOffset={50}>
+ {props.children}
+ </KeyboardAvoidingView>
+)