Questions tagged [imagebackground]

78 questions
1
vote
2 answers

Adjust ImageBackground to fullscreen

I have given an ImageBackground component and I want it to take the whole screen but it appears to have small paddings even if I resize twice or more the image. Where does it comes from ? Here is the code of the component import React from…
Hubert Solecki
  • 2,611
  • 5
  • 31
  • 63
1
vote
1 answer

ImageBackground not working, when used in root of the app

I want to apply a gradient background image in my react-native app, so instead of putting ImageBackground in every component I have put it in my app.js to wrap all the screens under it. But only background image is visible, no other content is…
avani kothari
  • 729
  • 5
  • 16
1
vote
0 answers

Making an Image scrollable in React Native

I'm creating an app using react native (expo) and I need to show a really tall image inside a scrollview, where a back button hovers on the top at all times. Super tall image (denoted by purple) and the hovering back button My goal is to be able to…
0
votes
1 answer

Pressables in react-native app wont't work

I have two very simple components and the pressables I have in my Start component just won't work, not the navigation or the console.log(), I can't even inspect them with the element inspector... I am using ImageBackground of react native for the…
0
votes
0 answers

How do I place text infront of Image Background in this Case?

How do i put text infront of a background image in React native? I have this code and it has refused to have the text infront of the imageBackground, Like the text should be in front of the background image but it still does not work the way i…
Mike
  • 167
  • 2
  • 10
0
votes
3 answers

React Native - set image as background using ImageBackground

I'm trying to render an Image as background, but is not working, I don't know why. Here is my code.
scheebler
  • 15
  • 5
0
votes
1 answer

How to reposition image in ImageBackground React Native?

I have a big image that I'm using in the React Native ImageBackground component. function Component(){ return ; } The size is correct, but I would like to reposition the image…
0
votes
1 answer

borderRadius in ImageBackground changes randomly REACT NATIVE

I'm using React native for make an app, and I'm using ImageBackground component to insert an image, like a card. The problem: when I insert images with different resolution my borderRadius changes and this differ to others, I'm looking for inserting…
0
votes
0 answers

Text in div has background color

If I put a text element in a div element, the text shows another background color than the div element. Bellow is a picture and the code Thank you .category { background-color: brown; width: 350px; height: 100px; } …
0
votes
0 answers

How to create a .png/.jpg file with their size defined in Pillow module Python

Expectations: I want to create a png/jpeg file based on the user input in in tkinter but I would need to use pillow to create the images. I want to create a png and jpg and of a certain size. If I plainly create the file using: with open('filename.…
0
votes
1 answer

React native, ImageBackground check image has loaded before navigating to page

Is there a way I can check if the image has loaded before navigating to a page? My image if loaded from a url then displayed to the background, I get random errors saying ImageBackground is undefined. Redux shows the image existing in the store, but…
Bomber
  • 10,195
  • 24
  • 90
  • 167
0
votes
1 answer

How can I add a background image to my react native app?

I am fairly new to react native, but I have some experience. I am creating my own app for both ios and android by following along a tutorial that I had already completed and making my own modifications. As I was in the middle of creating an app, I…
0
votes
1 answer

How can I set full screen background image in React Native?

I tried to get a photo as background and TextButtons on foreground. Here is my App.js: ... const stackOptions = { cardStyle: { backgroundColor: 'transparent', shadowColor: 'transparent' }, transparentCard: true, transitionConfig: () => ({ …
0
votes
1 answer

How to add shadow at a corner of Imagebackground in react-native

I'm need to add shadow at the corner of the ImageBackground as in WhatsApp to display star. how can this be achieved in react-native.
0
votes
0 answers

ERROR : undefined is not an object (evaluation 'style.width')

Hello everyone I'm having trouble with component and I get an undefined error message.So my app has 2 screen,the first one has a list of imagebackgrounds and when you press on one of the images you get a description of that image on another…