Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

React Native Arka Plan Resim Ekleme, 2 farklı şekilde bunu yapabiliriz:

1- ImageBackground

ImageBackground componentini kullanarak ekleyebiliriz. Öncelikle import etmeliyiz:

import {ImageBackground} from 'react-native'

 Aşağıdaki gibi kullanabiliriz:

const HomeScreen = () => {
  return (
		<ImageBackground source={require('../assets/image.png')} style={{flex:1}} >
			<View>
			     <Text>Merhaba</Text>
			</View>
		</ImageBackground>
	)
}
export default HomeScreen;

2- Image Style

Sayfaya Image ekledikten sonra Style özelliklerini kullanarak ekleyebiliriz.

const HomeScreen = () => {
    return(
		<View>
			<Text>Sayfa Başlık</Text>
			<Image 
			style={{position:'absolute',width:966, height:966, right:0, top:0, left:0, bottom:0}} 
			source={require('../images/images.png') } />
        </View>
	)
}
export default HomeScreen;