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

本文介绍了在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 =
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值