Mengatasi Gambar Splash Screen Ionic 5 Stretched di Beberapa Device Android

Beberapa masalah yang pernah saya alami saat menggunakan splash screen di project android dengan ionic yaitu gambar yang dipaksa membentang (stretched) mengikuti layar.

Contoh splash screen yang saya gunakan seharusnya tampil seperti berikut

Tetapi di beberapa device gambar akan tampil seperti berikut.

Seperti yang terlihat, jadi kurang

Untuk mengatasi masalah ini. Pertama buka file “capacitor.config.ts“.

Tambahkan kodingan plugins > Splash Screen seperti berikut

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'io.ionic.starter',
  appName: 'MyApp',
  webDir: 'www',
  bundledWebRuntime: false,
  plugins: {
    SplashScreen: {
      androidScaleType:"CENTER_CROP"
    },
  }
};

export default config;

Berikutnya jalankan perintah berikut di CLI kalian untuk menyinkronkan perubahan ke project android kalian

ionic capacitor sync

Berikutnya kita hanya perlu membuild project kita ke APK.