React 加载本地图片

React 加载本地图片,第1张

最近在用create-react-app 脚手架搭建自己的个人博客,以为对React不熟悉,所以在写的时候遇到很多坑,学习一们新语言就是从一个坑爬进另一个坑,其中在添加背景图片的时候需要记载本地图片,不能用html加载图片的方法,以为ES6不支持 <img src="../images/photo.png"/>这样的写法;这样写加载不出来,所以在经过百度之后总结了两种方法:

1.向导入类一样的方法把图片的位置直接导进去:

import imgURL from '../../../src/img/aboutme-background.jpg'

在render的方法中调用:

2.就是像加载网页中的图片一样来加载本地图片,直接在 render方法中写入

以上两种方法都可以把本地图片给加载出来。可供大家选择。亲测有效的哈。

我简直无法。。原本只要给 html,body,#root 还有容器都设置 height:100% 就可以的事情。可是我这个 react 在 #root 内又套了一个 div 。。。。我真的!!怎么都给它加不了样式!!!!

于是我决定!不把高度定为100%。

我先监测屏幕高度,然后给容器设置动态 style 确定容器高度 ~

其它的引入图片再设置 width为100%就可以啦~

群中也讨教了他们,还没能找方法。于是就想到web开发中的div的嵌套,于是想控件原来是可以嵌套使用的。最后让的实现了功能。今天将其记录一下。

使用AndroidViewPager来实现View页面的切换

准备三张图片。然后将要使用的控件导入

import React, {

AppRegistry,

Component,

StyleSheet,

Text,

Navigator,

TouchableHighlight,

TouchableOpacity,

ToastAndroid,

ViewPagerAndroid,

Image,

View


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11836027.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存