Browse Source

feat(ui): 接入品牌启动屏,消除冷启动白屏

assets/splash-icon.png(1024×1024)此前是死资源:app.config.js 既无
splash 配置,项目也未安装 expo-splash-screen,冷启动只能走默认白屏。

现以 config plugin 形式接入 expo-splash-screen:
imageWidth 200 / resizeMode contain / 白底。

选项取值依据已安装版本 expo-splash-screen@57.0.9 自带的
plugin/build/types.d.ts,而非凭记忆书写。应用为纯亮色
(userInterfaceStyle: 'light'),故不配置 dark 分支。

注意:启动屏属原生配置,Expo Go 内不生效,需 eas build 出包后可见。
master
doublex001 1 month ago
parent
commit
0e3f1333c1
  1. 17
      app.config.js

17
app.config.js

@ -46,7 +46,22 @@ export default {
monochromeImage: './assets/android-icon-monochrome.png', monochromeImage: './assets/android-icon-monochrome.png',
}, },
}, },
plugins: ['expo-router', 'expo-font'], plugins: [
'expo-router',
'expo-font',
// 启动屏:冷启动期间展示品牌 logo,消除白屏。
// 资源为 assets/splash-icon.png(1024×1024,见 assets/)。
// 应用为纯亮色(userInterfaceStyle: 'light'),故不配置 dark 分支。
[
'expo-splash-screen',
{
image: './assets/splash-icon.png',
imageWidth: 200,
resizeMode: 'contain',
backgroundColor: '#FFFFFF',
},
],
],
extra: { extra: {
apiBaseUrl: process.env.API_BASE_URL || 'https://dev.api.com', apiBaseUrl: process.env.API_BASE_URL || 'https://dev.api.com',
// EAS 项目 ID:`eas init` 后会自动注入此处(与 updates.url 中的 PROJECT_ID 对应)。 // EAS 项目 ID:`eas init` 后会自动注入此处(与 updates.url 中的 PROJECT_ID 对应)。

Loading…
Cancel
Save