You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
777 B
26 lines
777 B
import React from 'react';
|
|
import { Appbar } from 'react-native-paper';
|
|
|
|
interface TopBarProps{
|
|
title : string
|
|
isVisible : boolean
|
|
}
|
|
|
|
export default function TopBar(props) {
|
|
const _goBack = () => console.log('Went back');
|
|
const _handleSearch = () => console.log('Searching');
|
|
const _handleMore = () => console.log('Shown more');
|
|
|
|
return (
|
|
<Appbar.Header style={{backgroundColor: '#F2F0E4'}} >
|
|
<Appbar.BackAction onPress={_goBack} />
|
|
<Appbar.Content title={props.title} />
|
|
|
|
{props.isVisible &&(
|
|
<><Appbar.Action icon="magnify" onPress={_handleSearch} />
|
|
<Appbar.Action icon="dots-vertical" onPress={_handleMore} />
|
|
</>
|
|
)}
|
|
</Appbar.Header>
|
|
);
|
|
} |