React Native ImageBackground с resizeMode, установленным в «repeat», не покрывает весь элемент (оставлено пустое пространство) - PullRequest
Новая
       19

React Native ImageBackground с resizeMode, установленным в «repeat», не покрывает весь элемент (оставлено пустое пространство)

0 голосов
/ 10 апреля 2019

Я пытаюсь создать «плиточный» фон с одним элементом ImageBackground, покрывающим весь экран устройства. Моя проблема в том, что, хотя ImageElement покрывает весь экран, что видно по красной рамке на прикрепленном изображении, внутреннее изображение покрывает только всю ширину и оставляет пустое пространство по вертикали. Я проверил документы, но не могу найти ничего уместного. Вот мой компонент 

      <ImageBackground source={require('../../images/linepattern.jpg')} style={[styles.container]}
  resizeMode='repeat' 
  imageStyle={{resizeMode : 'repeat', overflow : 'visible', backfaceVisibility: 'visible', flex : 1}}>

и его стиль 

container: {

flex : 1,
borderColor: 'red',
borderWidth:10

}

Screenshot of my phone

спасибо за помощь.

1 Ответ

0 голосов
/ 11 апреля 2019

попробуйте это; 

<ImageBackground 
  source={require('../../images/linepattern.jpg')}  
  style={styles.container}
  imageStyle={{resizeMode : 'repeat', overflow : 'visible', backfaceVisibility: 'visible', flex : 1, }}>

 ....

</ImageBackground>

, а затем 

container:{height:'100%, width:'100% }
...