diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-07-14 15:10:31 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-07-14 15:10:31 +0200 |
commit | e5021187e96b78b53203bd95d08d6818aea47d17 (patch) | |
tree | 37ec45d00eb963db53cd4bb4f04a770414b351cc /storybook/views/story-screen.tsx |
New Ignite 7.0.6 app
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> +) |