React Native Make ile kolayca icon ve splash screens oluşturma

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 kolayca icon ve splash screens oluşturma

React Native Large Background - Büyük Arkaplan

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 😊

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir