Android 設(shè)置啟動頁

自定義?splash.xml

通過themes.xml配置啟動頁背景圖

?

IOS 設(shè)置啟動頁

LaunchScreen.storyboard?設(shè)置為啟動頁

storyboard頁面繪制

Assets.xcassets?目錄下導(dǎo)入圖片?AppLogo?

Flutter 設(shè)置啟動頁

Flutter Android 設(shè)置啟動頁

自定義?launch_background.xml?作為啟動頁面

• drawable-v21 適配5.0及以上手機(jī)資源文件
• drawable-v24 適配7.0及以上手機(jī)資源文件
• drawable-v21 drawable-v24可共存
• 兩者只與手機(jī)的android版本有關(guān)，與targetSdkVersion無關(guān)

?通過?styles.xml?設(shè)置啟動圖

通過?AndroidManifest.xml?配置 Activity 的主題樣式：

?

Flutter IOS 設(shè)置啟動頁?

用 xcode 打開 flutter 工程下面的 ios 文件夾

LaunchScreen.storyboard?設(shè)置為啟動頁

LaunchScreen.storyboard?頁面繪制

Assets.xcassets?目錄下導(dǎo)入圖片?AppLogo

HonmonyOS(鴻蒙) 設(shè)置啟動頁?

@Entry
@Component
struct Index {@State message: string = 'HonmonyOS 設(shè)置啟動頁'build() {Stack() {Image($r('app.media.logo')).width("192vp").height("192vp").offset({y: `0`}).objectFit(ImageFit.Contain)Text(this.message).offset({y: '-35%'}).textAlign(TextAlign.Center).fontSize(28.0).backgroundColor(0xF5DEB3)}.backgroundColor(Color.Orange) //背景顏色.width('100%') // 寬度.height('100%') // 高度}
}

ReactNative Android 設(shè)置啟動頁

自定義?splash.xml?作為啟動頁面

通過?styles.xml?設(shè)置啟動圖

通過?AndroidManifest.xml?配置?android:theme?的主題樣式：

?

ReactNative IOS 設(shè)置啟動頁?

用?xcode?打開 ReactNative 工程下面的?ios?文件夾

LaunchScreen.storyboard?設(shè)置為啟動頁

LaunchScreen.storyboard?頁面繪制

Images.xcassets?目錄下導(dǎo)入圖片?AppLogo

?

案例