react native 加载图片方式加在app端的填坑之路

最新推荐文章于 2022-05-01 21:06:56 发布

sinat_33134895

最新推荐文章于 2022-05-01 21:06:56 发布

阅读量968

点赞数

分类专栏： react nativet填坑文章标签： react native 图片

本文链接：https://blog.csdn.net/sinat_33134895/article/details/80941883

版权

本文介绍了在React Native中加载图片时遇到的问题及解决方案，重点在于iOS环境下如何正确添加图片资源，并强调了需要为图片指定高度的重要性。通过页面代码示例，展示了从本地JSON文件加载图片的方法。

摘要由CSDN通过智能技术生成

在iOS文件夹下，一定要在xcode中添加才会加载出来图片，记得图片一定要定义高度

页面代码：

 
  import 
  React, { 
  Component } 
  from 
  'react'; 
 
  import { 
 
  StyleSheet, 
 
  Text, 
 
  View, 
 
  Image, 
 
  TouchableOpacity 
 
   } 
  from 
  'react-native'; 
 
  //import Icon from 'react-native-vector-icons/FontAwesome'; 
 
  import 
  Icon 
  from 
  'react-native-vector-icons/Ionicons'; 
 
  //导入json数据 
 
  var 
  PhoneData = 
  require( 
  '../../assets/json/phoneData.json') 
 
  var 
  Dimensions = 
  require( 
  'Dimensions'); 
 
  var { 
  width} = 
  Dimensions. 
  get( 
  'window'); 
 
  //定义一些全局变量 
 
  var 
  cols = 
  3; 
 
  var 
  boxW =