id | title | sidebar_label |
---|---|---|
options-title |
Title Options |
Title |
Controls the top bar title.
const options = {
topBar: {
title: {},
},
};
Set the title for the TopBar.
Type | Required | Platform |
---|---|---|
string | No | Both |
Set the title font size. On Android this value is in sp
.
Type | Required | Platform |
---|---|---|
number | No | Both |
Set the title color.
Type | Required | Platform |
---|---|---|
Color | No | Both |
Set the title font family.
Type | Required | Platform |
---|---|---|
FontFamily | No | Both |
Type | Required | Platform |
---|---|---|
enum('normal', 'italic') | No | Both |
Type | Required | Platform |
---|---|---|
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') | No | Both |
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.
:::info defaults
center
is the default option on iOS while fill
is the default for Android.
:::
Type | Required | Platform |
---|---|---|
enum('center','fill') | No | Both |
Set a react component as the title. If this option is specified then text is ignored.
Type | Required | Platform |
---|---|---|
Component | No | Both |
Change to TopBar's top margin.
Type | Required | Platform |
---|---|---|
number | No | Android |
Determines whether the TopBar is visible or not.
Type | Required | Platform |
---|---|---|
boolean | No | Both |