Kısa Özet
Bu video, React Native uygulamalarında sayfalar arası dolaşım ve veri taşıma işlemlerini ele alıyor. React Navigation kütüphanesini kullanarak sayfalar arasında geçiş yapmayı, sayfalara veri göndermeyi ve geri dönme işlemlerini nasıl gerçekleştireceğinizi öğreneceksiniz.
- React Navigation kütüphanesini kullanarak sayfalar arasında geçiş yapma
- Sayfalara veri gönderme ve alma
- Geri dönme işlemlerini gerçekleştirme
Sayfalar Arası Dolaşım
Bu bölümde, React Native uygulamalarında sayfalar arası dolaşım işlemini nasıl gerçekleştireceğinizi öğreneceksiniz. İlk olarak, React Navigation kütüphanesini projenize eklemeniz gerekiyor. Daha sonra, ana sayfanızda bir yönlendirme sayfası oluşturmanız ve bu sayfadan diğer sayfalara yönlendirme işlemlerini gerçekleştirmeniz gerekiyor. Bunun için, Navigation
nesnesini kullanarak navigate
metodunu kullanabilirsiniz. Ayrıca, initialRouteName
özelliğini kullanarak hangi sayfanın başlangıç sayfası olacağını belirleyebilirsiniz.
Sayfalar Arası Veri Taşıma
Bu bölümde, React Native uygulamalarında sayfalar arası veri taşıma işlemini nasıl gerçekleştireceğinizi öğreneceksiniz. Sayfalar arasında veri taşımak için navigation.navigate
metoduna bir params
nesnesi gönderebilirsiniz. Bu nesne, diğer sayfaya gönderilecek verileri içerir. Diğer sayfada, route.params
özelliğini kullanarak bu verileri alabilirsiniz.
Buton Kullanımı
Bu bölümde, React Native uygulamalarında buton kullanımını öğreneceksiniz. Buton oluşturmak için Button
bileşenini kullanabilirsiniz. Butona tıklandığında gerçekleştirilecek işlemi onPress
özelliği ile belirleyebilirsiniz. Bu örnekte, butona tıklandığında navigation.navigate
metodunu kullanarak başka bir sayfaya yönlendirme işlemi gerçekleştiriliyor.
Style Uygulama
Bu bölümde, React Native uygulamalarında style uygulama işlemini öğreneceksiniz. Style uygulama işlemi için style
özelliğini kullanabilirsiniz. Bu özellik, bir bileşenin görünümünü özelleştirmek için kullanılır. Bu örnekte, style
özelliği kullanılarak butonun yazı tipi boyutu, rengi ve hizalaması değiştiriliyor.
Flatlist Kullanımı
Bu bölümde, React Native uygulamalarında Flatlist kullanımını öğreneceksiniz. Flatlist, büyük veri kümelerini verimli bir şekilde görüntülemek için kullanılır. Bu örnekte, Flatlist kullanılarak bir dizi veriyi liste halinde gösteriliyor.
UseState ve UseEffect
Bu bölümde, React Native uygulamalarında useState
ve useEffect
hook'larını öğreneceksiniz. useState
hook'u, bileşen içindeki değişkenleri yönetmek için kullanılır. useEffect
hook'u ise bileşen içindeki yan etkileri yönetmek için kullanılır. Bu örnekte, useState
hook'u kullanılarak bir değişkenin değeri değiştiriliyor ve useEffect
hook'u kullanılarak bu değişkenin değeri değiştiğinde bir işlem gerçekleştiriliyor.