После миграции на v5 изменение размера изображения не работает

Question

Текущее поведение

В реагирующей навигации v4 я использовал этот код и работал просто отлично. Он отрегулировал мое изображение lo go (300x80), чтобы оно идеально подходило и масштабировалось в мой 80px заголовок.

Теперь после перехода на v5 оно больше не масштабируется. Это так же, как «resizeMode» перестал работать.

const navigationOptions = { headerTitle: <Image style={{height: 45}} resizeMode="contain" source={require('../assets/images/encabezado-1.png')}/>, headerStyle: { backgroundColor: 'white', shadowColor: 'none', }, headerTitleAlign: 'center', headerTitleStyle: { fontWeight: 'normal', fontFamily: 'Montserrat-SemiBold', }, }

Ожидаемое поведение

Я ожидаю мое изображение должно содержаться и масштабироваться должным образом. Как и в v4:

Как воспроизвести

Добавьте изображение в headerTitle и попробуйте resizeMode.

Ваше окружение

• Android 9
  • @ реагировать-навигация / родной 5.2.2
  • @ реагировать навигация / стек 5.2.3
  • реакция-родной-жест-обработчик 1.6.1
  • реакция-нативный-безопасный-контекст-области 0.7.3
  • реагировать-нативный- экраны 2.4.0
  • реакция-нативная 0.61.5
  • узел 12.6.1

Answer 1

resizeMode все еще работает. вы можете использовать в Stack.Screen -> options -> title title.

пример кода:

<TakeSendStack.Navigator initialRouteName={"TakeSend"}>
      <TakeSendStack.Screen name="TakeSend" options={{ title: <Image style={{height: 45}} source={require('../assets/logo/logo.png')}/> }} component={TakeSend} />
</TakeSendStack.Navigator>

добавить resizeMode

<TakeSendStack.Navigator initialRouteName={"TakeSend"}>
      <TakeSendStack.Screen name="TakeSend" options={{ title: <Image style={{height: 45}} resizeMode="contain" source={require('../assets/logo/logo.png')}/> }} component={TakeSend} />
</TakeSendStack.Navigator>