{"id":6858,"date":"2023-03-23T14:39:16","date_gmt":"2023-03-23T07:39:16","guid":{"rendered":"https:\/\/alan.co.id\/?p=6858"},"modified":"2023-03-24T08:12:33","modified_gmt":"2023-03-24T01:12:33","slug":"cara-membuat-splash-screen-di-flutter","status":"publish","type":"post","link":"https:\/\/alan.co.id\/en\/cara-membuat-splash-screen-di-flutter\/","title":{"rendered":"Cara Membuat Splash Screen di Flutter"},"content":{"rendered":"

Halo, Alan Lovers! Ketika mengembangkan sebuah aplikasi, tentu banyak sekali komponen yang harus dikembangkan. Salah satu komponen penting dalam meningkatkan estetika sebuah aplikasi adalah splash screen<\/strong>.<\/p>\n\n\n\n

Jadi, splash screen merupakan tampilan yang muncul ketika kita membuat sebuah aplikasi. Biasanya, terdiri dari logo, nama, dan hal-hal lainnya yang tentu berhubungan dengan aplikasi tersebut.<\/p>\n\n\n\n

Beberapa aplikasi populer yang menggunakan splash screen diantaranya adalah Facebook, YouTube, dan Gojek. Lalu, bagaimana cara membuat splash screen ini?<\/p>\n\n\n\n

Dalam artikel ini, kami akan membagikan cara membuat splash screen di Flutter. Apa itu Flutter? Flutter merupakan UI (User Interface<\/em>) software development kit <\/em>(SDK) yang dikembangkan oleh Google.<\/p>\n\n\n\n

Lalu, mengapa Flutter? Karena Flutter merupakan salah satu sotfware<\/em> pengembang aplikasi yang populer. Selain praktis, Flutter juga mudah untuk digunakan dan dipelajari para pengembang aplikasi pemula.<\/p>\n\n\n\n

Cara Membuat Splash Screen di Flutter<\/h2>\n\n\n\n

Di Android, ada dua jenis layar yang dapat kalian kontrol: pertama, launch screen<\/em> yang menunjukan bahwa aplikasi Android sedang diinisialisasi, dan kedua, splash screen<\/em> yang menunjukan pengalaman Flutter diinisialisasi.<\/p>\n\n\n\n

Inisialisasi Aplikasi<\/h3>\n\n\n\n

Setiap aplikasi Android memerlukan waktu inisialisasi saat sistem operasi menyiapkan proses aplikasi. Android menyediakan launch screen<\/em> untuk menampilkan Drawable<\/strong> saat aplikasi sedang diinisialisasi.<\/p>\n\n\n\n

Template<\/em> proyek Flutter default termasuk definisi launch theme <\/em>dan launch background<\/em>. Kalian dapat menyesuaikan ini dengan mengedit styles.xm<\/strong>l, di mana kalian dapat menentukan tema yang windowBackground-<\/strong>nya diatur ke Drawable <\/strong>yang harus ditampilkan sebagai launch screen.<\/p>\n\n\n\n

<style name=\"LaunchTheme\" parent=\"@android:style\/Theme.Black.NoTitleBar\">\r\n    <item name=\"android:windowBackground\">@drawable\/launch_background<\/item>\r\n<\/style>\r<\/code><\/pre>\n\n\n\n
Selain itu, styles.xml<\/strong> mendefinisikan\u00a0normal theme<\/em> yang akan diterapkan pada FlutterActivity<\/strong> setelah launch screen hilang. Latar belakang normal theme hanya ditampilkan dalam waktu yang sangat singkat setelah layar splash screen menghilang, dan selama perubahan orientasi dan pemulihan Aktivitas.<\/p>\n\n\n\n
Oleh karena itu, disarankan agar tema normal menggunakan warna latar belakang solid yang mirip dengan warna latar belakang utama UI Flutter.<\/p>\n\n\n\n
<style name=\"NormalTheme\" parent=\"@android:style\/Theme.Black.NoTitleBar\">\r\n    <item name=\"android:windowBackground\">@drawable\/normal_background<\/item>\r\n<\/style>\r<\/code><\/pre>\n\n\n\n
Set up the FlutterActivity di AndroidManifest.xml<\/h3>\n\n\n\n
Di AndroidManifest.xml<\/strong>, atur tema FlutterActivity<\/strong> ke tema peluncuran. Kemudian, tambahkan elemen metadata ke FlutterActivity <\/strong>yang diinginkan untuk memberi instruksi ke Flutter agar beralih dari tema peluncuran ke tema normal pada waktu yang tepat.<\/p>\n\n\n\n
<activity\r\n    android:name=\".MyActivity\"\r\n    android:theme=\"@style\/LaunchTheme\"\r\n    \/\/ ...\r\n    >\r\n    <meta-data\r\n        android:name=\"io.flutter.embedding.android.NormalTheme\"\r\n        android:resource=\"@style\/NormalTheme\"\r\n        \/>\r\n    <intent-filter>\r\n        <action android:name=\"android.intent.action.MAIN\"\/>\r\n        <category android:name=\"android.intent.category.LAUNCHER\"\/>\r\n    <\/intent-filter>\r\n<\/activity><\/code><\/pre>\n\n\n\n
Sekarang, aplikasi Android akan menampilkan launch screen<\/em> yang diinginkan saat aplikasi diinisialisasi.<\/p>\n\n\n\n
Android 12<\/h3>\n\n\n\n
Mulai dari Android 12, kalian harus menggunakan API splash screen baru di file styles.xml <\/strong>kalian. Pertimbangkan untuk membuat file sumber alternatif untuk Android 12 dan yang lebih tinggi. Pastikan juga bahwa gambar background<\/em> kalian sesuai dengan pedoman ikon; lihat Android Splash Screens<\/a> untuk detail lebih lanjut.<\/p>\n\n\n\n
<style name=\"LaunchTheme\" parent=\"@android:style\/Theme.Black.NoTitleBar\">\r\n    <item name=\"android:windowSplashScreenBackground\">@color\/bgColor<\/item>\r\n    <item name=\"android:windowSplashScreenAnimatedIcon\">@drawable\/launch_background<\/item>\r\n<\/style>\r<\/code><\/pre>\n\n\n\n
Pastikan bahwa io.flutter.embedding.android.SplashScreenDrawable<\/strong> tidak diatur di manifest Anda, dan bahwa provideSplashScreen<\/strong> tidak diimplementasikan, karena API ini sudah usang. Melakukannya akan membuat layar peluncuran Android menjadi memudar halus ke dalam Flutter ketika aplikasi diluncurkan dan aplikasi mungkin akan crash.<\/p>\n\n\n\n
Beberapa aplikasi mungkin ingin terus menampilkan frame terakhir dari layar peluncuran Android di Flutter. Misalnya, ini mempertahankan ilusi satu frame sementara pengisian tambahan dilakukan di Dart. Untuk mencapai hal ini, API Android berikut mungkin berguna:<\/p>\n\n\n\n
Java:<\/strong><\/p>\n\n\n\n
import android.os.Build;\r\nimport android.os.Bundle;\r\nimport android.window.SplashScreenView;\r\nimport androidx.core.view.WindowCompat;\r\nimport io.flutter.embedding.android.FlutterActivity;\r\n\r\npublic class MainActivity extends FlutterActivity {\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        \/\/ Aligns the Flutter view vertically with the window.\r\n        WindowCompat.setDecorFitsSystemWindows(getWindow(), false);\r\n\r\n        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\r\n            \/\/ Disable the Android splash screen fade out animation to avoid\r\n            \/\/ a flicker before the similar frame is drawn in Flutter.\r\n            getSplashScreen()\r\n                .setOnExitAnimationListener(\r\n                    (SplashScreenView splashScreenView) -> {\r\n                        splashScreenView.remove();\r\n                    });\r\n        }\r\n\r\n        super.onCreate(savedInstanceState);\r\n    }\r\n}\r<\/code><\/pre>\n\n\n\n
Kotlin:<\/strong><\/p>\n\n\n\n
import android.os.Build\r\nimport android.os.Bundle\r\nimport androidx.core.view.WindowCompat\r\nimport io.flutter.embedding.android.FlutterActivity\r\n\r\nclass MainActivity : FlutterActivity() {\r\n  override fun onCreate(savedInstanceState: Bundle?) {\r\n    \/\/ Aligns the Flutter view vertically with the window.\r\n    WindowCompat.setDecorFitsSystemWindows(getWindow(), false)\r\n\r\n    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {\r\n      \/\/ Disable the Android splash screen fade out animation to avoid\r\n      \/\/ a flicker before the similar frame is drawn in Flutter.\r\n      splashScreen.setOnExitAnimationListener { splashScreenView -> splashScreenView.remove() }\r\n    }\r\n\r\n    super.onCreate(savedInstanceState)\r\n  }\r\n}\r<\/code><\/pre>\n\n\n\n
Kesimpulan<\/h2>\n\n\n\n
Itulah cara membuat splash screen di Flutter. Semoga artikel ini dapat bermanfaat bagi kalian dalam mengembangkan aplikasi dengan lebih baik lagi.<\/p>\n\n\n\n
Ada info menarik juga buat kalian, bahwa Alan Creative<\/a> menggunakan Flutter dalam mengerjakan proyek. Tentunya, pemilihan technology stack<\/em> ini disesuaikan dengan keinginan dan kebutuhan kalian. Oleh karenanya, berbagai macam aplikasi mobile<\/em> yang dikembangkan dapat diselesaikan secara cepat dan sesuai dengan keinginan kalian. Kalau kalian butuh jasa layanan pembuatan aplikasi hingga web<\/a>, tunggu apalagi? Hubungi kami<\/a> sekarang juga!<\/p>","protected":false},"excerpt":{"rendered":"
Halo, Alan Lovers! Ketika mengembangkan sebuah aplikasi, tentu banyak sekali komponen yang harus dikembangkan. Salah satu komponen penting dalam meningkatkan estetika sebuah aplikasi adalah splash screen. Jadi, splash screen merupakan tampilan yang muncul ketika kita membuat sebuah aplikasi. Biasanya, terdiri dari logo, nama, dan hal-hal lainnya yang tentu berhubungan dengan aplikasi tersebut. Beberapa aplikasi populer […]<\/p>","protected":false},"author":4,"featured_media":6860,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[26],"tags":[515],"class_list":["post-6858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","tag-cara-membuat-splash-screen-di-flutter"],"acf":[],"yoast_head":"\nCara Membuat Splash Screen di Flutter<\/title>\n<meta name=\"description\" content=\"Dalam artikel ini, kami akan membagikan cara membuat splash screen di Flutter. Bagaimana caranya? Simak artikel ini hingga tuntas!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alan.co.id\/en\/cara-membuat-splash-screen-di-flutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software house dan Creative Agency Nomor 1 di Indonesia.\" \/>\n<meta property=\"og:description\" content=\"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alan.co.id\/en\/cara-membuat-splash-screen-di-flutter\/\" \/>\n<meta property=\"og:site_name\" content=\"Alan Creative\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/alancreativeid\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-23T07:39:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-24T01:12:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"945\" \/>\n\t<meta property=\"og:image:height\" content=\"472\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rakhadian Kuswana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@welangsung\" \/>\n<meta name=\"twitter:site\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rakhadian Kuswana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/\"},\"author\":{\"name\":\"Rakhadian Kuswana\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d\"},\"headline\":\"Cara Membuat Splash Screen di Flutter\",\"datePublished\":\"2023-03-23T07:39:16+00:00\",\"dateModified\":\"2023-03-24T01:12:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg\",\"keywords\":[\"cara membuat splash screen di flutter\"],\"articleSection\":[\"Teknologi\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/\",\"url\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/\",\"name\":\"Cara Membuat Splash Screen di Flutter\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg\",\"datePublished\":\"2023-03-23T07:39:16+00:00\",\"dateModified\":\"2023-03-24T01:12:33+00:00\",\"description\":\"Dalam artikel ini, kami akan membagikan cara membuat splash screen di Flutter. Bagaimana caranya? Simak artikel ini hingga tuntas!\",\"breadcrumb\":{\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg\",\"width\":945,\"height\":472},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/alan.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Membuat Splash Screen di Flutter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/alan.co.id\/#website\",\"url\":\"https:\/\/alan.co.id\/\",\"name\":\"Alan Creative\",\"description\":\"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo & Branding di Indonesia\",\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/alan.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/alan.co.id\/#organization\",\"name\":\"Alan Creative\",\"url\":\"https:\/\/alan.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"width\":500,\"height\":386,\"caption\":\"Alan Creative\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/alancreativeid\",\"https:\/\/x.com\/alancreativeid\",\"https:\/\/instagram.com\/alancreativeid\",\"https:\/\/tiktok.com\/@alancreativeid\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d\",\"name\":\"Rakhadian Kuswana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g\",\"caption\":\"Rakhadian Kuswana\"},\"sameAs\":[\"http:\/\/alan.co.id\",\"https:\/\/www.instagram.com\/casrak_\/\",\"https:\/\/www.linkedin.com\/in\/rakhadiannoerkuswana\/\",\"https:\/\/x.com\/welangsung\"],\"gender\":\"laki-laki\",\"url\":\"https:\/\/alan.co.id\/en\/author\/rakhadian\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cara Membuat Splash Screen di Flutter","description":"Dalam artikel ini, kami akan membagikan cara membuat splash screen di Flutter. Bagaimana caranya? Simak artikel ini hingga tuntas!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alan.co.id\/en\/cara-membuat-splash-screen-di-flutter\/","og_locale":"en_US","og_type":"article","og_title":"Software house dan Creative Agency Nomor 1 di Indonesia.","og_description":"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.","og_url":"https:\/\/alan.co.id\/en\/cara-membuat-splash-screen-di-flutter\/","og_site_name":"Alan Creative","article_publisher":"https:\/\/facebook.com\/alancreativeid","article_published_time":"2023-03-23T07:39:16+00:00","article_modified_time":"2023-03-24T01:12:33+00:00","og_image":[{"width":945,"height":472,"url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg","type":"image\/jpeg"}],"author":"Rakhadian Kuswana","twitter_card":"summary_large_image","twitter_creator":"@welangsung","twitter_site":"@alancreativeid","twitter_misc":{"Written by":"Rakhadian Kuswana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#article","isPartOf":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/"},"author":{"name":"Rakhadian Kuswana","@id":"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d"},"headline":"Cara Membuat Splash Screen di Flutter","datePublished":"2023-03-23T07:39:16+00:00","dateModified":"2023-03-24T01:12:33+00:00","mainEntityOfPage":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"image":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg","keywords":["cara membuat splash screen di flutter"],"articleSection":["Teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/","url":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/","name":"Cara Membuat Splash Screen di Flutter","isPartOf":{"@id":"https:\/\/alan.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage"},"image":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg","datePublished":"2023-03-23T07:39:16+00:00","dateModified":"2023-03-24T01:12:33+00:00","description":"Dalam artikel ini, kami akan membagikan cara membuat splash screen di Flutter. Bagaimana caranya? Simak artikel ini hingga tuntas!","breadcrumb":{"@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#primaryimage","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/Web-capture_23-3-2023_14385_www.bing_.com_.jpeg","width":945,"height":472},{"@type":"BreadcrumbList","@id":"https:\/\/alan.co.id\/cara-membuat-splash-screen-di-flutter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alan.co.id\/"},{"@type":"ListItem","position":2,"name":"Cara Membuat Splash Screen di Flutter"}]},{"@type":"WebSite","@id":"https:\/\/alan.co.id\/#website","url":"https:\/\/alan.co.id\/","name":"Alan Creative","description":"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo & Branding di Indonesia","publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alan.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alan.co.id\/#organization","name":"Alan Creative","url":"https:\/\/alan.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","width":500,"height":386,"caption":"Alan Creative"},"image":{"@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/alancreativeid","https:\/\/x.com\/alancreativeid","https:\/\/instagram.com\/alancreativeid","https:\/\/tiktok.com\/@alancreativeid"]},{"@type":"Person","@id":"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d","name":"Rakhadian Kuswana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g","caption":"Rakhadian Kuswana"},"sameAs":["http:\/\/alan.co.id","https:\/\/www.instagram.com\/casrak_\/","https:\/\/www.linkedin.com\/in\/rakhadiannoerkuswana\/","https:\/\/x.com\/welangsung"],"gender":"laki-laki","url":"https:\/\/alan.co.id\/en\/author\/rakhadian\/"}]}},"_links":{"self":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/comments?post=6858"}],"version-history":[{"count":1,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6858\/revisions"}],"predecessor-version":[{"id":6861,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6858\/revisions\/6861"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media\/6860"}],"wp:attachment":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media?parent=6858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/categories?post=6858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/tags?post=6858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}