diff options
Diffstat (limited to 'src/components/moments/CaptionScreenHeader.tsx')
-rw-r--r-- | src/components/moments/CaptionScreenHeader.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/components/moments/CaptionScreenHeader.tsx b/src/components/moments/CaptionScreenHeader.tsx new file mode 100644 index 00000000..4715b4ef --- /dev/null +++ b/src/components/moments/CaptionScreenHeader.tsx @@ -0,0 +1,37 @@ +import React from 'react'; +import {Text, View, StyleSheet, ViewProps} from 'react-native'; +interface CaptionScreenHeaderProps extends ViewProps { + title: string; +} +const CaptionScreenHeader: React.FC<CaptionScreenHeaderProps> = ({ + title, + style, +}) => { + return ( + <View style={[styles.container, style]}> + <View style={styles.headerContainer}> + <Text style={styles.header}>{title}</Text> + </View> + </View> + ); +}; + +const styles = StyleSheet.create({ + container: { + flexDirection: 'row', + justifyContent: 'center', + height: 30, + }, + headerContainer: { + position: 'absolute', + left: '50%', + }, + header: { + position: 'relative', + right: '50%', + fontSize: 20, + fontWeight: 'bold', + color: 'white', + }, +}); +export default CaptionScreenHeader; |