Android 如何在Expo eject的闪屏中使用SVG图像

我使用“Expo对象”分隔“Expo”。我想使用SVG来解析启动屏幕。但我不知道怎么做

我只知道如何在Android中使用图像

我不知道Ios启动屏幕

Android（splash_background.xml）：

我创建了文件

ic_splash.xml

，使用SVG图像作为

drawable=>
新建=>矢量资源

但我不知道如何应用它

我不知道如何使用iPhone

告诉我如何应用iPhone和Android

---

请多多帮助我们。提前谢谢。

我隐藏了基本启动屏幕并使用了我制作的屏幕

基本上，只有

png

、

jpeg

扩展图片文件在

Android

和

ios

上可用

example.js

从“React”导入React；
从“react native”导入{图像、文本、视图}；
从“expo”导入{Asset，SplashScreen}；
从“expo svg uri”导入SvgUri；
导出默认类App扩展React.Component{
状态={
伊斯雷迪：错，
};
componentDidMount（）{
SplashScreen.preventAutoHide（）；
}
render（）{
如果（！this.state.isReady）{
返回(
);
}
返回(
);    
}
_cacheResourcesAsync=async（）=>{
SplashScreen.hide（）；
常量图像=[
需要（“./assets/images/expo icon.png”），
需要（“./assets/images/slack icon.png”），
];
const cacheImages=images.map（（image）=>{
return Asset.fromModule（image）.downloadsync（）；
});
等待承诺。全部（缓存图像）；
this.setState（{isReady:true}）；
}
}

我隐藏了基本启动屏幕，并使用了我制作的屏幕

基本上，只有

png

、

jpeg

扩展图片文件在

Android

和

ios

上可用

example.js

从“React”导入React；
从“react native”导入{图像、文本、视图}；
从“expo”导入{Asset，SplashScreen}；
从“expo svg uri”导入SvgUri；
导出默认类App扩展React.Component{
状态={
伊斯雷迪：错，
};
componentDidMount（）{
SplashScreen.preventAutoHide（）；
}
render（）{
如果（！this.state.isReady）{
返回(
);
}
返回(
);    
}
_cacheResourcesAsync=async（）=>{
SplashScreen.hide（）；
常量图像=[
需要（“./assets/images/expo icon.png”），
需要（“./assets/images/slack icon.png”），
];
const cacheImages=images.map（（image）=>{
return Asset.fromModule（image）.downloadsync（）；
});
等待承诺。全部（缓存图像）；
this.setState（{isReady:true}）；
}
}

UIKit图像视图本机不支持SVG，因此您不能在启动屏幕上使用它。您需要使用PNG或JPEG并接受一些边缘clipping@Paulw11如果SVG不可用，如何使用“PNG”？我对iOS了解不多。UIKit image view本机不支持SVG，因此您不能在启动屏幕上使用它。您需要使用PNG或JPEG并接受一些边缘clipping@Paulw11如果SVG不可用，如何使用“PNG”？我对iOS不太了解。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/splashBackground"/>

    <item><bitmap android:gravity="center" android:src="@drawable/splash" /></item>

</layer-list>