React-native ImageBackground: изображение не располагается в одном и том же месте в зависимости от режима изменения размера - PullRequest
Новая
       48

React-native ImageBackground: изображение не располагается в одном и том же месте в зависимости от режима изменения размера

0 голосов
/ 14 марта 2020

Я хотел бы использовать вкладки (из native-base) с фиксированным фоновым изображением. Я установил BackgroundImage, который обертывает элементы Tab и Tabs.

Код: 

 <ImageBackground style={{height: "100%"}} source={backgroundImage} resizeMode={'contain'}>
   <Tabs style={{height: "100%"}} page={this.state.page}>
        <TransparentTab>
            <ProfilPersonality />
        </TransparentTab>

        <TransparentTab>
            <Softskill />
        </TransparentTab>

        <TransparentTab>
            <RestitCards />
        </TransparentTab>
    </Tabs>
</ImageBackground>

Этот код не выполняет то, что я хочу, так как фоновое изображение находится не в верхней части экрана, я попытался поставить позицию absolute с помощью top: 0, но это ничего не меняет. Вот скриншот , показывающий неправильную позицию : enter image description here

Если я изменю resizeMode с содержимого на повтор (без каких-либо изменений), тогда изображение правильно расположен. Вот скриншот правильно расположенного изображения, но повторяется :

enter image description here

Почему это поведение и как Можно ли расположить изображение сверху без повторения?

1 Ответ

1 голос
/ 15 марта 2020

Вставка установки высоты на 100%. Вы можете попробовать установить для параметра значение «100%», а аспектное отношение - для изображения. Это должно дать вам эффект, который вы ищете.

...