React Native Serüveni #26 | Drawer Navigator | #reactnative #mobileapp #navigation #drawer #animated

Video Description

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Bildiğini üzere "React Native Serüveni" yolculuğumuzda her geçen gün bir önceki güne nazaran daha fazla #reactnative dozu aldığımız için daha çılgın kısımlara geçişler yapıyoruz bunu hep beraber ispatlayabiliriz. Bu günlük dozumuzu aldığımıza göre sizlere sektörde çok kullanılan bir şeyi göstermek istiyorum :) Bu bölümde sizlerle beraber #navigation işlemlerinde sıklıkla kullanılan ve #animated özelliği olan #drawer yapısına değiniyorum. Bir nevi #tabbar navigasyon işlemine benzeyen bu rotasyon yapısının geliştirmekte olduğunuz uygulamaya estetik bir hava katacağını açıkça söyleyebilirim. Ve buna ek olarak içerisini de #view componenti olarak düşünüp kendinize özel tasarlayabilirsiniz :). Bunlara ek olarak açıklamanın en başında da belirttiğim gibi sektörde özellikle resmi kurumların uygulamalarında sıklıkla kullanılıyor. Çok bir zor kısmı yok dostlarım. Sadece işin mantığı "Tabbar" navigasyonunun dikey ve animasyonlu halidir diyebiliriz :). Hepsini bu videoda sizler için en ayrıntılı şekilde anlatıyorum dostlarım :) Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak: -- App.js içerisini temizledik -- Navigation yapısını kurduk -- Animasyon işlemleri için #reanimated kütüphanesini kurduk -- Drawer navigasyonuna giriş yaptık ve projelerde nasıl bir kullanımının olduğunu, büyük projelerde nasıl bir hiyerarşi oluşturacağımıza değindik -- Sayfaları oluşturduk ve drawer navigasyonunu ile yönlendirme işlemlerini gerçekleştirdik -- Header kısmının ve drawer içeriğinin özelleştirmesini gerçekleştirdik ş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. Drawer Navigation Dökümanı: https://tls.tc/jh83g Projemizin Kodları: https://github.com/turan1302/react-native-seruveni 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: https://www.linkedin.com/in/mfsoftware/ Instagram: https://www.instagram.com/mfsoftware.net.tr/ - React Native Drawer Navigator - Drawer Navigator kullanımı - React Native navigasyon - Drawer Navigator nasıl yapılır - React Native projesi - Mobil uygulama geliştirme - React Native video guide - Integrating Drawer Navigator - React Native Drawer setup - Navigation library usage - React Native Drawer example - Drawer Navigator installation - React Native eğitim serisi - Mobil uygulama navigasyon - React Native Drawer ayarları - Drawer Navigator ile geçiş - React Native tasarım - Drawer Navigator uygulama - React Native project development - Drawer Navigator features - React Native coding - Navigation structures React Native - Drawer Navigator tips - React Native video tutorial - Drawer Navigator nedir - React Native geliştirme - Drawer Navigator rehberi - React Native kullanıcı arayüzü - Navigasyon yöntemleri React Native - React Native uygulama tasarımı