Skip to main content

Modal.TopBar

<Modal.TopBar
 title={'Title'}
 onCancel={() => console.log('cancel')}
 onDone={() => console.log('done')}
/>
APIThis is the list of additional props for the component

cancelButtonProps
ButtonProps
​

Cancel action props. Default is {color: Colors.$textPrimary}

cancelIcon
ImageSource
​

Cancel action icon. Default is Assets.internal.icons.x

cancelLabel
string
​

Cancel action label

containerStyle
ViewStyle
​

Style for the TopBar container

doneButtonProps
ButtonProps
​

Done action props. Default is {color: Colors.$textPrimary}

doneIcon
ImageSource
​

Done action icon

doneLabel
string
​

Done action label. Default is Save

includeStatusBar
boolean
​

Whether to include status bar or not (height calculations). Default is Constants.isIOS

leftButtons
topBarButtonProp | topBarButtonProp[]
​

Buttons to render on the left side of the top bar

onCancel
(props?: any) => void
​

Cancel action callback

onDone
(props?: any) => void
​

Done action callback

rightButtons
topBarButtonProp | topBarButtonProp[]
​

Buttons to render on the right side of the top bar

subtitle
string
​

Subtitle to display below the top bar title

subtitleStyle
TextStyle
​

Subtitle custom style

title
string
​

Title to display in the center of the top bar

titleStyle
TextStyle
​

Title custom style