Differential D8057 Diff 27407 native/community-creation/community-creation-content-container.react.js

Changeset View

Standalone View

				// @flow

				import { useHeaderHeight } from '@react-navigation/elements';
				import * as React from 'react';
				import { View } from 'react-native';

				import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';

				type ViewProps = React.ElementConfig<typeof View>;
				type Props = ViewProps;

				function CommunityCreationContentContainer(props: Props): React.Node {
				const { children, style, ...rest } = props;

				const headerHeight = useHeaderHeight();
				const backgroundStyle = React.useMemo(
				() => ({ marginTop: headerHeight, flex: 1 }),
				[headerHeight],
				);

				return (
				<KeyboardAvoidingView behavior="padding" style={backgroundStyle} {...rest}>
				{children}
				</KeyboardAvoidingView>
				);
				}

				export default CommunityCreationContentContainer;