Skip to content

BigTitle

shallot edited this page Dec 26, 2018 · 1 revision

Big Title (iOS)

Referenced Issue: Big title functionality?

You can change the style of navigation bar for big title functionality:

import NaviBar from 'react-native-pure-navigation-bar';

<NaviBar
    {...otherProps}
    leftElement={null}
    titleCenter={false}
    style={{
        titleContainer: {
            flexDirection: 'row',
            justifyContent: 'flex-start',
            alignItems: 'flex-end',
            alignSelf: 'stretch',
            paddingHorizontal: 0,
            paddingBottom: 9,
        },
        title: {
            fontSize: 20,
            fontWeight: 'bold',
        },
        rightView: {
            marginRight: 8,
        },
    }}
/>

First you should set titleCenter property to false and remove default left GO_BACK button. Then you can change the style of navigation bar. Make the title container to left and change the font of title.

Clone this wiki locally