React Native Serüveni #6 | Flex Direction |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Gözlerimizi açtığımız bu yeni güne #reactnative teknolojisinden dozumuzu alarak başlıyoruz ve "React Native Serüveni" yolculuğumuza tam gaz devam etmek üzere bilgisayarlarımızın başına geçiyoruz :). Bu sefer çok önem arz eden ve tasarımlarımızı kodlamaya dökme işlemlerinde bize son derece fayda sağlayacak #flex ve #direction işlemlerine geçiyoruz.
Özellikle bir tasarım kodlama, konumlandırma durumlarında gerek dikey gerekse yatay işlemlerimiz elbette olacaktır dostlarım. Bunların aksine #responsive tasarımlarımız da uygulamalara göre yer yer bizi karşılayacaktır (her uygulamada olmasa da). İşte bu durumlarda bu işlemleri yapabilmemiz, ekran oranlama durumları, içeriğe göre tasarım şekillendirmeleri gibi durumlarda react native tarafından bize sunulan bu yapıyı gönül rahatlığıyla kullanabiliriz. Bu bölümde ise sizlere elimden geldiğince, dilim döndüğünce bu güzel yapıya değinmeye çalıştım :). Video içerisinde de dediğim gibi bu bölüm inanılmaz önem arz ediyor, videoyu sarmadan baştan izleyin dostlarım.
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- Flex komutu ile ekran oranlamasını gerçekleştirdik
-- Oluşturduğumuz #container içerisindeki elementleri dikey ve yatay olacak şekilde konumlandırdık
-- Yine aynı şekilde konumlandırdığımız elementlerin ekran içerisinde oranlamasını gerçekleştirdik
-- Tüm bu işlemlerden sonra örnek olarak ufak bir uygulama yaptık
ş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 öğrenme rehberi
Flex Direction kullanımı eğitimi
Flexbox rehberi ve ipuçları
Mobil uygulama geliştirme eğitimi
Android kodlama dersleri videoları
iOS kodlama rehberi ve örnekleri
React Native tutorial video free
Flex direction settings examples
Flexbox examples and applications guide
Mobile design tips and techniques
React Native Flexbox properties usage
UI development techniques guide
Mobil uygulama tasarımı adımları
Flex direction kullanımı örnekleri
React Native kodlama dersleri
Flex yönlendirme teknikleri ve ipuçları
React Native ders videoları
Mobil programlama eğitimi kursu
React Native Flex direction examples
Responsive design tips and techniques
Flex layout creation tutorial
App development steps guide
Online software education course
What is Flexbox and how to use it
Kodlama eğitimleri online izle
Flex container örnekleri rehberi
Mobil geliştirme rehberi ve ipuçları
Flex özellikleri detaylı anlatım
React Native proje örnekleri izle
Flexbox layout oluşturma rehberi