FLUTTER 101 / Otomatik Bir Şekilde Uygulama Simgesi Oluşturma (Hem Android Hem IOS için)
Flutter Uygulama Simgesi Oluşturma
Herkese merhaba, bu yazımızda uygulamalarımızın simgesini tek bir görsel ile nasıl oluşturacağımızı anlatacağım. Normalde native olarak bakacak olursak bir den fazla işlem gerektiren bu olayda bir paket yardımıyla bu işi kısa sürede ve tek bir görsel ile halledeceğiz. Hazırsanız başlayalım…
Yukarıda bahsettiğim gibi bu işlem için bir paket kullanmamız gerekiyor, bu paket ‘’flutter_launcher_icons”. Bu paketi pub.dev sayfasına gidip arama kısmına yazarak açılan sayfada da installing kısmından dependencies ın altındaki kodu alıp kendi pubspec.yaml dosyamızın içerisinde “dev_dependencies” alanının en altına yapıştıralım.
Evet bu işlemden sonra gerekli görseli uygulama klasörünün içerisine atalım. Bunun için assets adında bir klasör açıp içerisinde logo adında başka bir klasör açalım ve uygulama görselini buraya atalım.
Eğer benim hazırladığım görseli kullanmak isterseniz buradan indirebilirsiniz.
Klasörleri açıp içerisine görseli attıktan sonra yeniden pubspec.yaml dosyasına gelip assets klasörünü belirtmemiz gerekiyor. Bunun için dev_dependencies altında flutter kısmına en alt kısma benim yaptığım gibi ekliyoruz. Eğer logo değilde başka bir klasör açıp koyduysanız ona göre o kısmı değiştirmeniz gerekiyor.
Bu işlemlerden sonra herhangi bir sıkıntı yaşanmaması için bu paketleri getirmemiz gerekiyor. Getirme işlemi için kullandığınız ide nin terminalini açıp flutter pub get yazmanız gerekiyor. Herhangi bir sorun çıkmaz ise devam edebiliriz.
Son aşamaya geldik, şimdi aşağıda belirttiğim kodu alıp dev_dependencies kısmının bitimine yazıyoruz.
Burada her bir platform için logomuzun bulunduğu yolu verdik ve hangi platformlarda simgenin oluşturulmasını istiyorsak o platformu true yaptık. Burada da gördüğünüz üzere iki platform için de iki farklı simge oluşturabilirsiniz ama bu yazı için gerekli değil o yüzden sizlerle paylaştığım görselin yolunu verip true olarak belirttim.
Son olarak terminali bir daha açarak flutter pub run flutter_launcher_icons:main komutunu çalıştırarak işlemin tamamlanmasını ve simgelerin oluşturulmasını bekliyoruz.
Evet işlem sonucunda bu ekranı sizde alıyorsanız işlem tamamlanmış uygulamamıza simgeler eklenmiş demektir. Hadi test edelim…
Evet işlem tamamlandı gördüğünüz üzere uygulama simgemiz bizim belirlediğimiz halini aldı.
Kapanış
Evet arkadaşlar uzun bir aranın ardından basit ama önemli bir konuyu sizler için ele almak istedim. Umarım bir yanlışım olmamıştır anlatımda yada konu içeriğinde bir yanlış bulursanız lütfen belirtmekten çekinmeyin, sorularınız içinde yorum atabilir bana iletişim kısmındaki adreslerden ulaşabilirsiniz.
Hepinize çok teşekkür ederim.
Bir sonraki yazıda görüşmek üzere…