Skip to main content
Version: Next

Title Options

Controls the top bar title.

const options = {
topBar: {
title: {},
},
};

text#

Set the title for the TopBar.

TypeRequiredPlatform
stringNoBoth

fontSize#

Set the title font size. On Android this value is in sp.

TypeRequiredPlatform
numberNoBoth

color#

Set the title color.

TypeRequiredPlatform
ColorNoBoth

fontFamily#

Set the title font family.

TypeRequiredPlatform
FontFamilyNoBoth

fontStyle#

TypeRequiredPlatform
enum('normal', 'italic')NoBoth

fontWeight#

TypeRequiredPlatform
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')NoBoth

alignment#

fill will make the title stretch and consume all available space in the TopBar while center will center the title in the middle of the TopBar.

defaults

center is the default option on iOS while fill is the default for Android.

TypeRequiredPlatform
enum('center','fill')NoBoth

component#

Set a react component as the title. If this option is specified then text is ignored.

TypeRequiredPlatform
ComponentNoBoth

topMargin#

Change to TopBar's top margin.

TypeRequiredPlatform
numberNoAndroid

visible#

Determines whether the TopBar is visible or not.

TypeRequiredPlatform
booleanNoBoth