Javascript React本机图像替换为空白;文件「;形象

Javascript React本机图像替换为空白;文件「;形象,javascript,css,react-native,Javascript,Css,React Native,我刚刚升级到最新版本的Xcode,我注意到我的一些图片被blank取代了。。文档图像?很难描述,所以我附上了一张照片: 有关我的标记的示例: <View style={[this.props.styles["card-nav-child-border"]]}> <TouchableOpacity onPress={this.handleCallClick} style={[this.state.cardnavview]}> <Text st

我刚刚升级到最新版本的Xcode,我注意到我的一些图片被blank取代了。。文档图像?很难描述,所以我附上了一张照片:

有关我的标记的示例:

<View style={[this.props.styles["card-nav-child-border"]]}>
    <TouchableOpacity onPress={this.handleCallClick} style={[this.state.cardnavview]}>
        <Text style={this.props.styles["card-nav-text"]}>
            {CallText}{" "}
            <Image style={this.props.styles["card-nav-image"]} source={Call} />
        </Text>
    </TouchableOpacity>
我想这可能是一个大小的事情,但我试图人为地增加大小检查,没有运气

当我删除一些随机样式时,它偶尔会恢复

我被这种行为弄糊涂了,很难用谷歌搜索,因为我甚至不知道该如何描述它

我希望有这方面经验的人能够提供一些信息,说明为什么会发生这种情况

如果有帮助的话,讨论中的图像是png文件


编辑:它似乎与嵌套元素有关?

不确定这是否是解决此问题的最“本机反应”的方法,也不确定此问题通常发生的原因,但解决方法如下:

<TouchableOpacity onPress={this.handleCallClick} style={[this.state.cardnavview]}>
    <View style={{ flexDirection: "row" }}>
        <Text style={this.props.styles["card-nav-text"]}>
            {CallText}{" "}
        </Text>
        <Image style={this.props.styles["card-nav-image"]} source={Call} />
    </View>
</TouchableOpacity>

{CallText}{”“}
<TouchableOpacity onPress={this.handleCallClick} style={[this.state.cardnavview]}>
    <View style={{ flexDirection: "row" }}>
        <Text style={this.props.styles["card-nav-text"]}>
            {CallText}{" "}
        </Text>
        <Image style={this.props.styles["card-nav-image"]} source={Call} />
    </View>
</TouchableOpacity>