How to use the react-native-paper.Appbar.Header function in react-native-paper

To help you get started, we’ve selected a few react-native-paper examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Tosuke / submarine / src / view / design / AppHeader.tsx View on Github external
import styled from 'styled-components/native'
import { Appbar } from 'react-native-paper'
import { StyleSheet } from 'react-native'
import { dividerColor } from './color'

export const AppHeader = styled(Appbar.Header)`
  background-color: ${props => props.theme.colors.background};
  elevation: 4;
  border-bottom-color: ${props => dividerColor(props.theme)};
  border-bottom-width: ${StyleSheet.hairlineWidth * 2};
`