36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import { Appbar, Text, useTheme } from 'react-native-paper';
|
|
import { useNavigation } from '@react-navigation/native';
|
|
import { useDimensions } from '../contexts';
|
|
import { ScrollView } from 'react-native';
|
|
import styles from '../styles';
|
|
|
|
const EditMeme = () => {
|
|
const navigation = useNavigation();
|
|
const { colors } = useTheme();
|
|
const { orientation } = useDimensions();
|
|
|
|
return (
|
|
<>
|
|
<Appbar.Header>
|
|
<Appbar.BackAction onPress={() => navigation.goBack()} />
|
|
<Appbar.Content title="Add Meme" />
|
|
</Appbar.Header>
|
|
<ScrollView
|
|
contentContainerStyle={[
|
|
orientation == 'portrait' && styles.paddingVertical,
|
|
orientation == 'landscape' && styles.smallPaddingVertical,
|
|
styles.paddingHorizontal,
|
|
[styles.centered, styles.flex],
|
|
styles.fullSize,
|
|
{ backgroundColor: colors.background },
|
|
]}
|
|
nestedScrollEnabled>
|
|
<Text>Add Meme</Text>
|
|
</ScrollView>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default EditMeme;
|