CODEWITHSUNDEEP
javascriptandroidiosnode.jsreact-native
Rohan Patil
Rohan Patil

Reputation: 175

Change font for the title of Navigation Header bar in react-native

In the new version i.e, the 0.61 of react-native, I didn't find any sort of mechanism for changing the font of the title. The earlier versions have their own solutions but the present one doesn't have one, which in turn prompted me to ask the question. How do you change the font?

Upvotes: 4

Views: 2088

Answers (1)

Yoel
Yoel

Reputation: 7985

if you use for navigation in "reactnavigation" library

Do it that way

As described in the documentation

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Home',
    headerStyle: {
      backgroundColor: '#f4511e',
    },
    headerTintColor: '#fff',
    headerTitleStyle: {
      fontWeight: 'bold',
    },
  };

  /* render function, etc */
}

Upvotes: 4

Related Questions