React Native Serüveni #9 | Align Items |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Yine yeni bir güne bir tutku haline getirdiğimiz #reactnative teknolojisinden her geçen güne göre biraz daha fazla doz alarak başlıyor ve içimizdeki çocuksu bir heyecanla başladığımız "React Native Serüveni" yolculuğumuza hız kesmeden kaldığımız yerden devam ediyoruz :).
Bu bölümde ise sizlerle beraber proje tasarımlarını koda dökeceğimiz durumlarda sıklıkla kullanılan "Align Items" konusuna değindik. Kullanım yönünden baktığımızda "Justify Content" gibi kullanılan ama bunun tam tersi şeklinde kullanılan bu yapı sizlere projelerinizde hizalama, konumlandırma vb. olaylarda son derece katkı sağlayacaktır. Bunun garantisini net bir şekilde verebilirim çünkü kendim de sık sık kullanıyorum ve aynı zamanda video içerisinde en ince detayına kadar anlatıyorum :).
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- #column ve #row formatında iki adet #container oluşturduk
-- #style içerisinde "AlignItems" tanımlayarak "Container" içerisindeki elementlerin konumlandırılmasını gerçekleştirdik
-- Dikey ve yatay bir konumlandırmanın gerçek hayattaki projelerde nasıl bir şekilde kullanılacağından bahsettik
ş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.
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
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 Align Items
Flexbox Align Items kullanımı
React Native stillendirme
Flexbox hizalama ayarları
React Native eğitim serisi
Mobil uygulama geliştirme
React Native beginner guide
Flexbox layout tips
React Native Flexbox tutorial
Flexbox Align Items examples
React Native layout settings
Flexbox alignment techniques
React Native tasarım dersleri
Mobil uygulama kodlama
React Native ve Flexbox
Flexbox layout düzenleme
React Native Align Items eğitimi
Flexbox hizalama örnekleri
React Native app development
Flexbox basic principles
React Native Flexbox usage
Flexbox Align Items details
React Native design tips
Mobile development guide
React Native ve Align Items
Flexbox hizalama stratejileri
React Native video dersleri
Flexbox Align Items rehberi
React Native başlangıç rehberi
Flexbox layout teknikleri