React Native Serüveni #74 | Tab Navigation Ayarlama |

Hepinize merhaba dostlarım :) Ben Muhammed Fatih
"React Native Serüveni" içerisinde siz değerli dostlarımla beraber kodladığımız "Gallery App" projemizde önemli bir kısmın geliştirilmesine başlıyoruz ve hali hazırda olan bir yapıyı nasıl kendi isteğimize göre revize edebiliriz bundan bahsediyoruz :). Hazırsanız hep beraber #reactnative teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerimizden bolca miktarda bir doz alalım ve kodlama işlemine kaldığımız yerden devam edelim :)
Bu bölümde sizlerle beraber uygulamamızın iç sayfalarında sıklıkla göreceğimiz ve menü değişimlerinde de yine sıklıkla kullanacağımız #tabbar kısmının kodlamasını, buna ek olarak kendimizin belirli bir ikon tasarımını nasıl bir şekilde gerçekleştireceğimize değiniyoruz :)
Özellikle #ui ve #ux olaylarında sıklıkla kullanılan bu yapıyı sizler de ileriki zamanlarınızda veya proje geliştiriyorsanız çeşitli "Tabbar" kullanımı kısımlarında bu yapıyı gönül rahatlığıyla kullanabilirsiniz :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- WelcomeNavigator.js dosyası oluşturduk
-- Tabbar menülerini dosya içerisinden ayarladık ve gerekli stillendirme komutlarını yazdık
-- CustomIcon dosyası oluşturduk ve orta kısımdaki ikonu ayarladık
-- Projemizin sayfa geçişlerini 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.
Gallery App Projesi: github.com/tur...
Projemizin Kodları: github.com/tur...
React + Laravel Eğitimleri için:
WebRTC Projesi: tls.tc/04JnR
Alışveriş Sepeti Projesi: tls.tc/rzCkV
Chat Sistemi Projesi: tls.tc/7ePsd
Radyo Çalar Projesi: tls.tc/5HITg
Fast Typing Projesi: tls.tc/ZJkfy
Barkod Okuyucu Projesi: tls.tc/z07Ap
React Native Eğitimi için:
tls.tc/e5mIM
Sitelerim -
MFSoftware Blog: mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): seyyaryazilimc...
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React Native tab navigasyonu
Tab navigation ayarlama
React Native başlangıç rehberi
Mobil uygulama geliştirme
React Native projeleri
Tab navigation bileşeni kullanımı
React Native tutorial videos
How to create app navigation
Mobile app tab bar
Building apps with React Native
Tab navigation example
React Native tab navigation tutorial
Mobil uygulama tasarımı
React Native bileşenleri
Tab navigasyon ipuçları
React Native kurulum rehberi
React Native ile pratik
Navigasyon yapısı nasıl oluşturulur
User experience in apps
React Native development tips
Mobile development tools
Quick start with React Native
Tab navigation application examples
React Native app guide
Mobil uygulama navigasyon sistemleri
Tab bar tasarımı
React Native ile UI geliştirme
Navigasyon kütüphaneleri kullanımı
React Native performans optimizasyonu
Mobil uygulama geliştirme süreçleri

[@mfsoftware42]

Takıldığınız konuları çekinmeden yazabilirsiniz dostlarım :)