React Native Serüveni #80 | Resim Ekleme İşlemi |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Bir gün aradan sonra tekrardan sizlerle beraber "React Native Serüveni" yolculuğumuzda "Gallery App" projemizi geliştirmeye kaldığımız yerden devam ediyoruz :). Bu sefer çok zevkli ve ufkumuzu geliştirecek bir kısmın kodlamasını gerçekleştiriyor olacağız. Hazırsanız #reactnative teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca bir doz alalım ve can dostumuz bilgisayarlarımızın başına geçelim :)
Bu bölümde sizlerle beraber projemizde gerek cihaz hafızasından, gerekse kamera üzerinden aldığımız resim verisini #api aracılığıyla #backend servisine aktarıyoruz
Tabii cihaz kamerasından fotoğraf alma durumunda ise #overload olayının önüne geçiyoruz ve bunun için de sizlerle beraber gerekli ayarlamaları yapıyoruz :)
Bölüm içerisinde yaptığımız işlemlere genel olarak bakacak olursak:
-- API üzerinde ufak değişiklik yaptık (resim ekleme olayı için)
-- Cihazdan fotoğraf seçtirip api servisine data göndererek #insert işlemini gerçekleştirdik
-- Cihaz kamerasından anlık seçilen görüntünün sisteme eklenme işlemini gerçekleştirdik
-- TabBar kısmının kamera sayfasında gizlenme işlemini gerçekleştirdik
-- Sistemi 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: https://github.com/turan1302/react-na...
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
Fast Typing Projesi: https://tls.tc/ZJkfy
Barkod Okuyucu Projesi: https://tls.tc/z07Ap
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 resim ekleme
React Native temel dersler
React Native başlangıç rehberi
Resim ekleme React Native
React Native ile uygulama geliştirme
React Native görsel kullanma
React Native photo upload
React Native app design
React Native image display
React Native image handling
React Native project setup
React Native tutorial for beginners
React Native fotoğraf ekleme
React Native medya ekleme
React Native uygulama görselleri
React Native proje başlatma
React Native temel öğeler
React Native resim gösterimi
Image handling React Native
React Native app creation
React Native image editing
React Native photo gallery
React Native for Android
React Native for iOS
React Native Android geliştirme
React Native iOS geliştirme
Mobil fotoğraf yükleme React
React Native başlangıç dersleri
React Native görsel component kullanımı
React Native resim manipülasyonu