React Native

Flexbox Nedir? Nasıl Kullanılır?

Flexbox Nedir, CSS dünyasında Flex ve grid altyapısı kullanılarak çok gelişmiş responsive projeler ortaya koyabilmekteyiz. Benim flexbox yapısını kullandığım nokta React Native ile mobil geliştirme olduğundan aktif bir şekide daha çok mobil dünyasında kullanmaktayım. Makale içerisindeki bilgilerin hem web hem hem de mobil dünyasını kapsadığını belirtmekte fayda var. 5 / 5 ( 3 votes )

Continue reading...

React Native AsyncStorage Kullanımı

Tüm platformlarda basit şekilde veri saklama ve okuma işlemleri için key-value şeklinde veri saklayan bazı yazılımlar kullanırız. React native tarafında da key-value şeklinde veri yazma ve okuma işlemleri için AsyncStorage denilen bir yapı kullanıyoruz. 5 / 5 ( 6 votes )

Continue reading...

React Native Nedir? Ortam Nasıl Kurulur?

React native nedir sorusuna cevap bulacağımız ve react native uygulama geliştiricilerine kılavuz niteliğinde olacak bu makalede en sık kullanılan temel işlemler ve ihtiyacınız olan bazı temel bilgilere yer verdim. Makaleyi sürekli güncel tutacağımı bilmenizi isterim. React native geliştirmesine devam ettiğiniz sürece arada uğramanızı ve makalenin güncelliğini kontrol etmenizi öneririm. 5 / 5 ( 7 votes )

Continue reading...

React Native Something went wrong installing the “sharp” module Hatası ve Çözümü

React Native Something went wrong installing the “sharp” module hatası, React Native projesinde bazı paketleri kaldırıp ardından yeni paket kurulumunda sıklıkla çıkan bu hatanın en kesin çözümü makale devamında 👉🧐 🔥 React Native Something went wrong installing the “sharp” module Hatası ve Çözümü Hatayı yarn ios veya npm run ios dediğimde alıyorum ve hatanın tam hali için alttaki konsol çıktısına bakabilirsiniz. Something went wrong installing the “sharp” module dlopen(/Users/muratoner/Desktop/mobile/node_modules/sharp/build/Release/sharp.node, 1): Library not loaded: @rpath/libvips-cpp.42.dylibReferenced from: /Users/muratoner/Desktop/mobile/node_modules/sharp/build/Release/sharp.nodeReason: image not found – Remove the “node_modules/sharp” directory, run “npm install” and look for errors– Consult the installation documentation at https://sharp.pixelplumbing.com/en/stable/install/– Search for this...

Continue reading...

React Native Make ile icon ve splash screen oluşturma

React Native Make, Mobil uygulama geliştirirken farklı boyutlarda istenen simge ve splash screen’leri ayarlamak gerçekten beni sıkıyor ve olabildiğince tek bir yerden araçlarla generate etmeye çalışıyorum. Şimdiye kadar Android(Java), Cordova, Xamarin, Flutter’da bu şekilde tool’lar ile hem Android hemde iOS için ikon ve splash screens dosyalarını kolayca generate edebildim şimdide aynı durumu React native içinde yapmam gerekti ve React native tarafında da diğer cross platform ve native framework/diller’de olduğu gibi yardımcı bir araç olduğunu gördüm kullandım ve ihtiyacımı karşıladı. Ben de sizlerle bu aracı paylaşmak istedim. 5 / 5 ( 3 votes )

Continue reading...

React Native Paketleri

React Native Paketleri, Cordova, Xamarin sonrası mobil maceram hız kesmeden react-native ile devam ediyor aslında bu makale react-native’e ilk girdiğim zamanlarda oluşturuldu yani neredeyse 1 yıl önce fakat tecrübe edindiğim paketler bir makaleyi dolduracak seviyede olduğunu görünce artık yayınlamaya karar verdim. Bu makalede react-native projelerinizde kullanabileceğiniz sizin yükünüzü epey hafifletecek olan birbirinden kaliteli paketleri tek bir makale altında bulabileceksiniz. 5 / 5 ( 4 votes )

Continue reading...

ReactNative dotnetify ile .Net Core SignalR’a Bağlantı

Hazırda mevcut olan bir react-native projem ve .Net Core projemde socket programlama ihtiyacı için hemen .Net Core tarafında ilgili SignalR kütüphanelerini indirip Hub sınıfları ve metodları bir güzel oluşturdum. Tecrübenin verdiği hızla bir güzel bitirdik, react-native tarafı içinde kolları sıvadık ama o ana kadar düşünmediğim bir şey geldi aklıma acaba react-native tarafında signalr kullanabiliyor muyum? Hemen eller titreyerek aramayı gerçekleştirdim ve react-native-signalr kütüphanesi ile karşılaştım… Hikayenin devamı makalenin detayında 🙂 5 / 5 ( 2 votes )

Continue reading...