React Native Image resizeMode = 'содержать' не работает - PullRequest
Новая
       38

React Native Image resizeMode = 'содержать' не работает

0 голосов
/ 21 сентября 2018

Я не могу заставить resizeMode='contain' работать с изображениями, загруженными удаленно, интересно, если я что-то не так сделал.

Метод рендеринга: 

return (
    <View style={styles.internal_button_avatar_container}>
      <Image
        style={styles.internal_button_avatar_image}
        source={{ uri: this.state.imageURL }}
        loadingIndicatorSource={require('../assets/icons/PageLink-Loading.png')}
        resizeMode={'contain'}
      />
    </View>
  );

Стили (соответствующий раздел): 

internal_button_avatar_container: {
  marginRight: 10,
  width: 40,
  height: 40,
},
internal_button_avatar_image: {
  width: 40,
  height: 40,
},

Я пробовал resizeMode='contain' и resizeMode='center', но изображение всегда обрезается за пределами рамки. Снимок экрана, показывающий обрезанную иконку. .Я также пробовал с undefined высота и ширина на изображении.

Обрезка появляется только в том случае, если исходное изображение не имеет такое же соотношение сторон, как у кадра, квадратный источник приведет к идеально масштабированному изображению.

Ответы [ 2 ]

0 голосов
/ 21 сентября 2018

Оказывается, я получал изображение из конечной точки в API, который автоматически обрезал исходное изображение - надо было проверить исходное изображение прежде всего!

0 голосов
/ 21 сентября 2018

Я пытался воспроизвести вашу ситуацию, но у меня нет проблем с этим в этой закуске:

https://snack.expo.io/@gersonmontenegro/resizemode

Исходный размер изображения больше контейнера, дажеу него есть другой аспект радио, и он загружен в соответствии с internal_button_avatar_image.

Ты в порядке?

...