How can I render one image over another in react-native?
tanpuer
I am practicing react native recently. I want that one image is always above another during animation. How can i do except for set the opacity?
nabn
Latest versions of react-native allow you to render inside the image tag. So you could put an Image tag for the recordPlayer inside an Image tag for the background. Try something like
renderRecordPlayer = _ => (
<Image style={styles.background}
source={...} >
<Image style={styles.recordPlayer}
source={...} />
</Image>
)
const styles = StyleSheet.create({
background: {
flex: 1,
width: null,
height: null,
// center the recordPlayer in the background Image
justifyContent: 'center',
alignItems: 'center',
resizeMode: 'cover', // make sure background covers all of screen
},
{
width: ...,
height: ...,
resizeMode: 'contain',
},
})Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
Related
Related Related
- 1
Can I Copy Over React Native Files Initialized Under One Project Over To Another Separately Initialized Project?
- 2
How can I prefer one wifi network over another?
- 3
How to render checkbox on the <Image> (React Native)
- 4
How to center one image over another
- 5
how to Display one image View over another?
- 6
How can I set the source of an image dynamically in React native?
- 7
how can i make image editor in react native?
- 8
How can I repeat a pattern image to create a background in React Native?
- 9
How I can one component to another component in react
- 10
How can I extract data from one pixel in an image and assign this data to another pixel in another image?
- 11
How can I efficiently render an image in Django?
- 12
React-native How can I force TabNavigator's child to re-render in TabNavigator?
- 13
How can I render repeating React elements?
- 14
How to render Image and Text inline using React Native?
- 15
How can I give priority to one stylesheet over another on a Wordpress page template?
- 16
How can I redirect one URL with a query string to another and carry it over?
- 17
How can I display a paragraph over image?
- 18
How can i export and import from one file to another in Ract Native
- 19
How do I render a function which contain a view in react native?
- 20
How do I render a component when a button is clicked in React Native
- 21
How do I render section headers with ListView in react native?
- 22
react native render another component in main
- 23
How can I pass the url of a selected image which is included in a listview from one aspx page to another?
- 24
How can I pass an Image from one activity to another in Xamarin Android?
- 25
how to render objects in react native?
- 26
How can I write a image onto another?
- 27
Can I render an image with json?
- 28
How can I use props with image source to create usable component in react native?
- 29
In Python, how do I iterate over one iterator and then another?
Comments