React Native Serüveni #16 | View Bileşeni |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Yine her zamanki gibi bir bağımlılık haline gelen #reactnative teknolojisinden dozumuzu alıyoruz ve "React Native Serüveni" yolculuğumuza kaldığımız yerden devam ediyoruz. Bu videoda her zamanki kullandığımız bileşenlerden birisi olan #view bileşeninin farklı bir #props özelliğinden bahsediyoruz
Biliyorsunuz sizlerle beraber bu serüvenimizde adım adım ilerlerken sıklıkla kullandığımız "view" bileşeninde belirli ayarlamalar yapıyorduk. Genellikle #stylesheet kullanarak belirli tasarımları gerçekleştirip içerisindeki verilerin konumlandırması ile sınırlı kalıyorduk.
Tabii bu şekilde hiçbir sıkıntı yok ama ya #responsive bir durum olduğunda videoda anlattığım şekilde "onLayout" özelliğini kullanma durumumuz kesinleşecektir diyebilirim. Özellikle belirli koordinatların hesaplanması ve ekran çözünürlükleri durumunda bize son derece fayda sağlayan yapıyı sizlere en ince ayrıntısına kadar anlatmak, aynı zamanda da daha önceki gördüğümüz konulara tekrardan değinerek sizlerin de bilgilerinizi tazelemek istedim :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- View bileşeninin genel tanımı, kullanmanın önemi gibi konulardan bahsettik
-- Bir view oluşturup daha önceki derslerde öğrendiğimiz konuları tekrar ettik
-- "onLayout" props özelliği ile koordinat ve ekran çözünürlüğü bilgilerini kontrol ettik
şeklinde özetleyebiliriz.
İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim.
İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)
Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.
View Bileşeni Dökümanı: https://tls.tc/gHRCu
Projemizin Kodları: https://github.com/turan1302/react-na...
React + Laravel Eğitimleri için:
WebRTC Projesi: https://tls.tc/04JnR
Alışveriş Sepeti Projesi: https://tls.tc/rzCkV
Chat Sistemi Projesi: https://tls.tc/7ePsd
Radyo Çalar Projesi: https://tls.tc/5HITg
Fast Typing Projesi: https://tls.tc/ZJkfy
Barkod Okuyucu Projesi: https://tls.tc/z07Ap
React Native Eğitimi için:
https://tls.tc/e5mIM
Sitelerim -
MFSoftware Blog: https://mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React Native View bileşeni nedir
React Native tasarım bileşeni
React Native View kullanımı
Mobil uygulama geliştirme React
React Native ile mobil tasarım
React Native View özellikleri
React Native UI component design
React Native View layout tutorial
Mobile design with React Native
React Native View component examples
React Native layout design guide
Introduction to React Native View
React Native başlangıç adımları
React Native layout oluşturma
React Native View stillendirme
Mobil uygulama tasarımı React
React Native View flexbox
React Native eğitim serisi
React Native for mobile apps
React Native View component guide
React Native layout and design
React Native View component tips
React Native app design tutorial
React Native View component course
React Native ile mobil tasarım
React Native başlangıç kılavuzu
React Native layout yapısı
React Native component rehberi
React Native ile UI tasarımı
React Native bileşen kullanımı