Ionic Vue + Capacitor项目Splash Screen(启动页)不显示问题求助
Ionic Vue + Capacitor 启动页(Splash Screen)不显示问题
我在基于Capacitor的Ionic Vue项目中遇到启动页不显示的问题,即便遵循了标准配置步骤,应用启动时仍看不到启动页。具体情况:
- 应用启动时完全没有Splash Screen显示;
- 已按照Ionic官方文档验证必要插件的安装与配置;
- 已尝试清理构建缓存、重新安装依赖、核对capacitor.config.ts配置等排查步骤。
相关配置代码
capacitor.config.ts
import { Capacitor } from '@capacitor/core'; const config: CapacitorConfig = { appId: 'com.example.app', appName: 'MyApp', webDir: 'dist', bundledWebRuntime: false, plugins: { SplashScreen: { launchShowDuration: 3000, launchAutoHide: true, backgroundColor: '#ffffff', androidSplashResourceName: 'splash', androidScaleType: 'CENTER_CROP', showSpinner: true, androidSpinnerStyle: 'large', iosSpinnerStyle: 'small', spinnerColor: '#999999', splashFullScreen: true, splashImmersive: true, }, }, }; export default config;
launch_screen.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/splash"> <ImageView android:id="@+id/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@drawable/splash" /> </RelativeLayout>
styles.xml
<?xml version="1.0" encoding="utf-8"?> <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar"> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> <item name="android:background">@null</item> </style> <!-- Define AppTheme.NoActionBarLaunch --> <style name="AppTheme.NoActionBarLaunch" parent="Theme.AppCompat.DayNight.NoActionBar"> <item name="windowActionBar">false</item> <item name="windowNoTitle">true</item> </style> <!-- Corrected SplashTheme definition --> <style name="SplashTheme" parent="AppTheme.NoActionBarLaunch"> <item name="android:background">@layout/launch_screen</item> </style> </resources>
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <WebView android:layout_width="match_parent" android:layout_height="match_parent" /> </androidx.coordinatorlayout.widget.CoordinatorLayout>
androidmanifest.xml
<?xml version='1.0' encoding='utf-8'?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme" android:usesCleartextTraffic="true"> <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode" android:exported="true" android:label="@string/title_activity_main" android:launchMode="singleTask" android:name=".MainActivity" android:theme="@style/AppTheme.NoActionBarLaunch"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <provider android:authorities="${applicationId}.fileprovider" android:exported="false" android:grantUriPermissions="true" android:name="androidx.core.content.FileProvider"> <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/file_paths" /> </provider> </application> <uses-permission android:name="android.permission.INTERNET" /> </manifest>
内容的提问来源于stack exchange,提问作者shoaibdevs
相关产品推荐
相关产品推荐

