Блог

Это мой код в навигаторе:

 <Tab.Screen
    name="Profile"
    component={Profile}
    options={{
      title: username,
      headerStyle: {
        backgroundColor: '#fff',
        headerTitleAlign: 'left',
      },
      headerTintColor: 'black',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    }}
  />
 

Мы хотим имитировать заголовок instagram на iOS, где имя пользователя находится в верхнем левом углу заголовка.

В настоящее время мы получаем предупреждение консоли о том, что headertitleAlign присвоено значение left, это не влияет на стиль заголовка.

Заранее благодарю вас!

headerTitleAlign не является допустимым свойством стиля. Это не должно быть дано внутри headerStyle . Просто выйдите headerTitleAlign:'left' за пределы headerStyle собственности, и это должно сработать.

 <Tab.Screen
    name="Profile"
    component={Profile}
    options={{
      title: username,
      headerTitleAlign: 'left', //moved this from headerStyle property
      headerStyle: {
        backgroundColor: '#fff',
      },
      headerTintColor: 'black',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    }}
/>