React Native URL Yönlendirme

React Native ile geliştirdiğiniz uygulamada uygulama içerisinden link vererek chrome tarayıcıda yada cihazda belirlenmiş olan varsayılmış herhangi bir tarayıcıda link açma işlemleri bir satır kod yazmak kadar basit .

Uygulama içinden Play Store yada APP Store ya yönlendirme işlemleri içinde yine aynı componenti kullanıyoruz ve sadece http alanını değiştirerek kendi uygulamamızdan uygulama mağazasına yönlendirme sağlayabiliriz.

Tüm bu işlemler için öncelikle bileşeni uygulamamıza import ediyoruz ;

import {Linking} from 'react-native';

import işleminden sonra yönlendirme yapmak istediğimiz componentin onPress tanımlamasına bileşeni tanınmamız yeterlidir, benim en çok kullandığım buton bileşeni TouchableOpacity ve bunun üzerinden örnek ile açıklarsak;

<TouchableOpacity
   onPress={
      ()=>{
          Linking.openURL("https://www.brkdgn.com");  
    } 
  }
>
   <Text>Yönlendir > </Text>
</TouchableOpacity>

Yukarıdaki örnekte tarayıcıya url yönlendirdik , Uygulama mağazasına ise ;

<TouchableOpacity
   onPress={
      ()=>{
          Linking.openURL("market://details?id=com.brkdgn.uygulama");  
    } 
  }> 
      <Text>Yönlendir > </Text>
 </TouchableOpacity>

URL alanında biz string ifade kullandık burada biz değişken bir url tanımlamak istersek yani uygulama içinde yapılan bir işlem sonrasında random bir URL oluşturalacak ise öncelikle URL mizi state içerisindeki bir değişkene atarız onuda buradaki string ifade alanına koyabiliriz bunuda bir örnek ile açıklarsak

{
...... (işlemler).......
this.state.data="https://www.brkdgn.com/index.php";
}

<TouchableOpacity
   onPress={
      ()=>{
          Linking.openURL(this.state.data);  
    } 
  }> 
    <Text>Yönlendir > </Text>
 </TouchableOpacity>

Bir cevap yazın

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