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.

React Native Make ile icon ve splash screen oluşturma

React Native Make ile icon ve splash screen oluşturma

Bu aracı react native projesinize dahil etmek isterseniz yarn yada npm kodunu kullanarak paketi kurabilirsiniz.

yarn add -D @bam.tech/react-native-make
OR
npm i -D @bam.tech/react-native-make

Paketi kurduktan sonra kullanabileceğiniz iki farklı parametre var bu parametreler ise şöyledir.

KomutAçıklama
set-iconPlatforma özel yada tüm platformlar için ikon oluşturabilirsiniz.
set-splashPlatforma özel yada tüm platformlar için splash screen’ler oluşturabilirsiniz.

Kullanabileceğiniz örnek syntax ise şöyledir.

react-native set-icon --path <path to your icon> --platform <android|ios|all> --background <color-for-android>

Üstteki kodda diğer araçlarda karşılaşmadığım(zamanında karşılaşmadım belki şuan vardır) –background parametresi özellile ios ikon generate ederken işe yaramaktadır neden derseniz eğer daha önce ios tarafında uygulama yayınlama girişimde bulunmuşsanız uygulama ikonlarının transparan olmaması noktasında ciddi bir takıntısı var 1 pixel transparanlık bile olursa sistem tarafından direkt reject yiyor deploy 😊

📚 İlgilenebileceğiniz Diğer Makaleler


✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.

🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.

👋 Bir sonraki makalede görüşmek dileğiyle.

5/5 - (5 votes)

Murat Öner sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et