React Native Image 未在 iOS 上显示

Posted

技术标签:

【中文标题】React Native Image 未在 iOS 上显示【英文标题】:React Native Image not displaying on iOS 【发布时间】:2017-10-25 10:14:42 【问题描述】:

我已经在现有应用程序中集成了 react native,这没有问题。在我的反应代码中添加了本地图像,该代码在 android 中正常工作,但在 ios 中没有显示(模拟器和设备都没有)。 这是我的代码

 <TouchableHighlight
key=j + 3000
style= width: 24, height: 24, paddingLeft: 5, paddingTop: 2 
onPress=() => this._showAlert(textItem.popText)
>
<Image
    style= width: 13, height: 13, opacity: 0.7 
    source=require("./img/info.png")
   />
</TouchableHighlight>;

谁能建议我在这里做错了什么。 似乎反应可以找到图像,因为它没有显示任何错误但没有显示任何图像,而是一个红色边框。

【问题讨论】:

你运行 react-native 链接了吗? 什么是 react-native 链接? 你尝试过其他图片格式吗? 我试过 jpg 仍然没有给出任何结果。 【参考方案1】:

事实证明,在 pod 中我还必须添加 'RCTImage' 来显示图像

pod 'React', :path => ‘node_modules/react-native', :subspecs => [
    'Core',
    'DevSupport', # Include this to enable In-App Devmenu if RN >= 0.43
    'RCTText',
    'RCTImage',
    'RCTNetwork',
    'BatchedBridge',
    'RCTWebSocket', # needed for debugging

'RCTAnimation'
    # Add any other subspecs you want to use in your project
]

【讨论】:

以上是关于React Native Image 未在 iOS 上显示的主要内容,如果未能解决你的问题,请参考以下文章

React Native RefreshControl 未在 iOS 上触发 onRefresh

React Native mapview:标记未在IOS上显示

使用未在 IOS 上显示的表单字段值在 React Native 中显示 PDF

React Native 图像未在较新版本的 iOS 上呈现

react-native IOS应用程序未在模拟器中显示资产

React Native 应用程序未在 XCode iOS 模拟器中运行