İçeriğe geç

Button, TouchableOpacity Kullanımları

Button ve TouchableOpacity Arasındaki Farklar:

button tüm platformlarda çalışır. Çok fazla özelliği yoktur.
Eğer özelliştirmek isterseniz TouchableOpacity kullanılır.
Genellikle TouchableOpacity özelliği fazla olduğu için genelde kullanılır.

TouchableOpacity 2 çeşittir.
TouchableOpacity de tıklandığında hafif arkaplanı gösterir.
TouchableHighlight tıklandığında hafif koyulaştırma işlemi yapar.

TouchableNativeFeedback ise geri bildirimler için kullanılır.

Buton Kullanımı:
<Button onPress={() => alert(‘Butona tiklandi’)} title=”Buton adi”></Button>

TouchableOpacity Kullanımı:
<TouchableOpacity onPress={() =>alert(“TouchableOpacity tıkladin”)}><Text>TouchableOpacity</Text></TouchableOpacity>

text yerine image de kullanabilirsiniz. ilk yaptığınız zaman stil olmadığı için düz metin gibi gözükür. style vererek görünümü değiştirebilirsiniz.

Test amaçlı yaptığım stil :

<TouchableOpacity style={style.touchableOpactiystil} onPress={() =>alert(“TouchableOpacity tıkladin”)}><Text>TouchableOpacity</Text></TouchableOpacity>

touchableOpactiystil:{
borderColor:”red”,
opacity:0.3,
backgroundColor:”yellow”,
margin:50,
width:300,
height:300,
alignItems:”center”,
justifyContent:”center”,
}

Tarih:React Native

İlk Yorumu Siz Yapın

    Bir cevap yazın

    E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir