amaliadwiy
c230e0b18b
Deskripsi: - update custom button header - yg blm : fitur divisi dan yg ada di divisi No Issues
34 lines
941 B
TypeScript
34 lines
941 B
TypeScript
import { useRouter } from 'expo-router';
|
|
import { StyleSheet, Text, View } from 'react-native';
|
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
import ButtonBackHeader from './buttonBackHeader';
|
|
import Styles from '@/constants/Styles';
|
|
|
|
type Props = {
|
|
title: string;
|
|
right?: React.ReactNode;
|
|
showBack?: boolean;
|
|
onPressLeft?: () => void
|
|
};
|
|
|
|
export default function AppHeader({ title, right, showBack = true, onPressLeft }: Props) {
|
|
const insets = useSafeAreaInsets();
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<View style={[Styles.headerContainer, { paddingTop: insets.top }]}>
|
|
<View style={Styles.headerApp}>
|
|
{showBack ? (
|
|
<ButtonBackHeader onPress={onPressLeft} />
|
|
) : (
|
|
<View style={Styles.headerSide} />
|
|
)}
|
|
|
|
<Text style={Styles.headerTitle}>{title}</Text>
|
|
|
|
<View style={Styles.headerSide}>{right}</View>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|