React Native Serüveni #5 | Stillendirme |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Her geçen gün gibi bugün de #reactnative teknolojisinden dozumuzu alarak yeni bir bölüme daha adımımızı atıyoruz. Özellikle bu bölümde biraz daha farklı, biraz daha eğlenceli işlerle haşır neşir oluyoruz :).
Bu videoda sizlerle beraber bir mobil uygulamanın stillendirme işlemleri nasıl yapılır, etiketler üzerinde birden fazla stil nasıl verilir, stil dosyası dışarıdan nasıl çağrılır gibi konulara elimden geldiğince dilim döndüğünce değinmek istedim. Özellikle büyük küçük farketmeden bir uygulama geliştirme sürecine girdiğimizde son kullanıcının karşısında çok basit tasarımlar ve #input #text #view gibi yapıların basit bir şekilden ziyade gösterişli ve çarpıcı bir şekilde durmasını hepimiz isteriz. Bu yüzden de uygulamalarımızda stillendirme işlemlerine son derece dikkat etmeliyiz dostlarım :)
Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak:
-- View ve Text etiketlerini oluşturduk
-- View ve Text etiketinde inline stillendirme işlemini gerçekleştirdik
-- React Native tarafından bize sunulan #stylesheet kütüphanesini kullandık ve stilletimizi harici bir değişken ile çağırdık
-- Stylesheet kütüphanesini harici bir dosyada tanımlayıp mevcut sayfamıza import ettik
-- Birden fazla stillendirme objesini etiketler içerisine dahil ettik
-- Tanımladığımız değişken tipinde stiller haricinde inline stillendirme ekleme işlemini 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.
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 stillendirme teknikleri
Mobil uygulama tasarımı rehber
React Native stil kılavuzu
CSS React Native dersleri
React Native stil kılavuzu
Mobil UI tasarımı teknikleri
React Native style tips
React Native style tutorials
Mobile app development guide
React Native tutorial videos
App design React Native
React Native UI/UX design
React Native stil bileşenleri
React Native uygulama geliştirme
React Native stil oluşturma
React Native stil rehberi
React Native stil uygulamaları
Mobil uygulama tasarım trendleri
React Native themes styles
App styling tips
React Native example projects
React Native UI components
Mobile design tips
React Native components styling
Stil React Native uygulamaları
React Native tasarım ipuçları
React Native stil örnekleri
Mobil uygulama stilleri rehberi
React Native mobil tasarım
React Native responsive tasarım