React Native Serüveni #20 | Safe Area View Bileşeni |

Описание: Hepinize merhaba dostlarım :) Ben Muhammed Fatih

Uzun bir şehir dışı yolculuğum sonrasında "React Native Serüveni" yolculuğumuza kaldığımız yerden tam gaz devam ediyoruz. Seriyi bıraktım diye bir algı asla olmasın :). Eğer böyle bir algıya girecek olursanız size tavsiyem #reactnative teknolojisinden aldığınız dozu biraz daha fazla almanızdan yana olacaktır :). O halde sözü daha fazla uzatmadan dozumuzu her zamankinden bir tık daha fazla alarak öğrenme moduna geçelim dostlarım :)

Bu bölümde sizlerle beraber mobil uygulama geliştirme süreci içerisinde üzerinden önemle durulması gerek noktadan yani "Safe Area View" bileşenine değiniyoruz. Bir proje geliştirme işleminde yer yer bazı durumlar olacak ki #statusbar kısmını (yukarıdaki wifi, saat, bildirimler vs. olan çubuk) hesaba katacağımız durumlar olabilecek. Özellikle de #iosapp geliştirme sürecinde bizim son derece dikkat edeceğimiz durum bu olacak dostlarım.

İşte bu bileşen sizlere uygulamanızı geliştirirken durum çubuğunu (statusbar) koruyup oluşturduğunuz tasarımları veya #component yapılarını sıkıntısız bir şekilde düzenleyecek ve ekrana listeleyecektir. Bu yapıyı sizlere video içerisinde ayrıntılı bir şekilde her iki cihazda da anlatıyorum dostlarım :)

Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- App.js dosyasının içerisini temizledik
-- SafeAreaView bileşeninden bahsettik ve önemini vurguladık
-- Bileşenimizi hem android hem de ios ortamında test 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.

Safe Area View Bileşeni Dökümanı: https://tls.tc/aIofz
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 Safe Area View
React Native bileşen eğitimi
Safe Area View nasıl kullanılır
React Native mobil uygulama geliştirme
Safe Area View örnekleri
React Native tasarım ipuçları
Mobile app development guide
React Native tutorial videos
What is Safe Area View
Mobile app UI development
React Native project tips
Safe Area View usage details
React Native'de ekran güvenliği
Mobil UI düzenleme teknikleri
React Native eğitim serisi
Safe Area View React Native kullanımı
Mobil uygulama arayüz tasarımı
React Native bileşen kullanımı
Safe Area View implementation
Creating React Native projects
React Native UI development guide
Safe Area View React Native example
React Native beginner tutorial
Mobile app development tools
React Native ekran güvenliği
Safe Area View özellikleri
Mobil uygulama kullanıcı deneyimi
React Native uygulama rehberi
Safe Area View ve tasarım
React Native Safe Area View örnekleri