Questions tagged [imagebackground]

78 questions
0
votes
1 answer

react-native some images are loaded, other not

Enviroment react-native 0.60 What happens: I have an component, which create kind of Image-Buttons with . If I bundle the App as debugRelease it works like a charm, and all Images of each Button are shown. If I bundle the App…
suther
  • 12,600
  • 4
  • 62
  • 99
0
votes
1 answer

problem with the ImageBackground component react-native

I'm having a problem with the Image Background component when returning renderRow .. import back1 from '../../assets/back1.jpg'; renderRowpost = ({ item }) => { return ( MORECONTENT.... …
Luigi
  • 1
  • 1
  • 2
0
votes
1 answer

How to square ImageBackground depending on display dimensions?

I want to square the background Image like for example height : 200, width : 200, But then also I want to change the size depending on the display size like: width: Dimensions.get('window').width / 2.5 height: 'auto' How can I do this? set height…
user9468014
  • 479
  • 2
  • 6
  • 20
0
votes
1 answer

React navigation ImageBackground displaying white screen

Update: Its my AppNavigator thats causing the problem, if I remove it, it displays the background. How can I use ImageBackground with my AppNavigator: const config = { initialRouteName: "Home", contentOptions: { activeTintColor:…
Bomber
  • 10,195
  • 24
  • 90
  • 167
0
votes
1 answer

React native imageBackground not full screen

I created a Wallpaper.js where is my background image. However, it is not displaying in full screen on my emulator. My Wallpaper.js import React, { Component } from 'react'; import { StyleSheet, ImageBackground } from 'react-native'; import bgSrc…
myTest532 myTest532
  • 2,091
  • 3
  • 35
  • 78
0
votes
1 answer

ImageBackground component as a container of react-navigation router hiding all child components

I want to set a background image to all of the screens in my react native application, I am using ImageBackground component on the top level of my components tree like that: export default class App extends React.Component { render(){ return( …
Muho
  • 3,188
  • 23
  • 34
0
votes
2 answers

React Native: bottom align an image with source height taller than container

I'd like to be able to bottom align an image using Image or ImageBackground, but have been unsuccessful in doing so.
studiobrain
  • 1,135
  • 2
  • 13
  • 35
0
votes
1 answer

React Native ImageBackground with resizeMode set to 'repeat' is not covering entire element (blank space left)

I am trying to create a "tiled" background with a single ImageBackground element covering the entire screen of the device. My issue is that even though the ImageElement is covering the entire screen as can be seen by the red border on the attached…
Alan
  • 1,134
  • 2
  • 13
  • 25
0
votes
1 answer

How to Show text below ImageBackground in react native for drawer navigation?

I am making a custom drawer navigation for my app. Where I am using background image (it will not take full space), on the background image I am using another image. After that I have to show some content below background image. This is the…
Basit
  • 327
  • 3
  • 8
  • 19
0
votes
1 answer

React Native FlatList item with different positions (Type Vertical Scroll Game Map)

HI GUYS... CONTEXT I am working with a react-native app (SDK-30) using Expo (30.0.1) where i need build a item list with vertical orientation. I using a FlatList that is responsible to draw the items in the screen, but under FlastList i have a that…
Cristian Mora
  • 1,813
  • 2
  • 19
  • 27
0
votes
1 answer

react-native image cache android

So I have a fetch() call returning a background url labeled as data in the following code. The url is a user uploaded image and makes a call to my backend for uploaded image. await fetch(URL3) .then(response => response.json()) .then(data => { …
James Brett
  • 332
  • 4
  • 15
0
votes
1 answer

React native - Sliding background Images with some static content on top

ImageBackground takes one image and I was able to add child View that has an image and some Text. However, what I would like to have is the background work like a carousal of images while the child View stays as is in react native. Is there a way to…
Shruthi
  • 293
  • 1
  • 3
  • 11
0
votes
0 answers

My element does not move accordingly to onPanResponderMove

I succeeded to use the panResponder and to move the element inside the image, but it doesn't move accordingly to the mouse, its too fast and doesn't stay in the image borders. **State x and state y is the length of the array. I added a button that…
0
votes
0 answers

ImageBackground keeps rendering in front of children

For some stupid reason the following code keeps rendering the TextInput and then the ImageBackground, so the background is always covering up the children: return
ether_joe
  • 1,068
  • 1
  • 13
  • 32
0
votes
1 answer

React-Native not displaying background Image

I'm trying to set a background Image in React-Native but it is not appearing on my screen. However, the text inside is getting displayed. Here's my code: import React, { Component } from 'react'; import { View,…
Zainul Abideen
  • 1,829
  • 15
  • 37