diff options
Diffstat (limited to 'storybook/views/story-screen.tsx')
-rw-r--r-- | storybook/views/story-screen.tsx | 15 |
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> +) |