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.
