Ders3 RN Sayfalar Arası Gezinme ve Veri Aktarımı

Ders3 RN Sayfalar Arası Gezinme ve Veri Aktarımı

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.

Share

Summarize Anything ! Download Summ App

Download on the Apple Store
© 2024 Summ