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”,
}