React Native Serüveni #7 | Justify Content |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Yaklaşık bir hafta öncesinde başladığımız "React Native Serüveni" yolculuğumuza bugün de her zamanki gibi #reactnative teknolojisinden dozumuzu alarak kaldığımız yerden, hiç hız kesmeden devam ediyoruz. Önceki birkaç videoda olduğu gibi bu video içerisinde de stillendirme işlemlerinde sıklıkla kullanılan yapılara değiniyoruz :).
Özellikle bir tasarımı koda dökerken dostlarım bazen yeri geliyor #container içerisindeki elementleri aralarında boşluk bırakarak, ortaya alarak veya kenarlarından boşluk bırakarak sayfa içerisinde konumlandırma işlemleriyle az çok ilgileniyoruz. Çok basit tasarımlarda olmasa da dünya üzerinde ses getiren mobil uygulama tasarımlarını incelediğimizde hepsinde afilli tasarımların olduğunu, belli bir şekilde boşlukların bırakılıp konumlandırıldığını ve ciddi anlamda göze hitap ettiğini açık bir şekilde görüyoruz. İşte o şekilde tasarımlarda kullanılan yapılardan birisi olan "Justify Content" yapısını bu bölümde sizlere uygulamalı bir şekilde anlatıyorum dostlarım :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- Kapsayıcı bir element oluşturduk ve içerisine belirli yükseklikte ve genişlikte olan etiketleri ekledik
-- Buna ek olarak kapsayıcımıza sırasıyla #column ve #row özelliklerini verdik
-- Kapsayıcımızın içerisindeki elementleri konumlandırmak için "justifyContent" yapısını entegre ettik
-- Bir önceki videodaki "flexDirection" yapısının tasarımlarda kullanılan tersten listeleme işlemini inceledik
ş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 eğitimi
Justify Content kullanımı
Mobil uygulama geliştirme
Flexbox React Native
Justify Content ayarları
Mobil tasarım örnekleri
Mobile design examples
React Native lessons
Mobile app coding
React Native applications
What is Justify Content
Justify Content examples
Mobil app geliştirme
React Native kursu
Flexbox Justify Content
React Native Flexbox
Mobil programlama dersleri
Justify Content nasıl kullanılır
Justify Content applications
React Native layout
Mobile development React
Justify Content alignment
React Native examples
React Native coding
Mobil geliştirme React
Justify Content uygulamaları
React Native örnekleri
React Native uygulama
Mobil uygulama tasarımı
Justify Content React Native