腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(709)
视频
沙龙
2
回答
React
原生
图像
resizeMode
:
带有
底部
定位
的
封面
、
大家好,我有一个
图像
定位
的
问题。我想实现
定位
我
的
图像
像
resizeMode
=“
封面
”+背景-位置:“
底部
”。因此,如果
图像
溢出,我需要让
图像
从屏幕
底部
绘制,并从侧面和顶部“裁剪”。这样
的
事情有可能发生吗?我当前
的
代码是: <View style={{ width: ILLUS
浏览 31
提问于2019-04-29
得票数 6
回答已采纳
1
回答
将
react
本机中
的
图像
与顶部显示对齐
、
、
我在我
的
react
原生
应用程序中显示了一个
图像
。我对它相当陌生,我似乎在按照我想要
的
方式设计
图像
样式方面有一些困难。我正在使用
封面
的
resizeMode
,它只显示
图像
的
中心和高度被裁剪,我想显示
图像
的
上部。下面是我目前所拥有的示例代码。imageStyle: { width: '
浏览 29
提问于2020-01-13
得票数 1
4
回答
本机反应:无法将
图像
垂直对齐到屏幕
底部
我正在尝试将一个大
的
图像
对齐到屏幕
的
底部
。应该注意
的
是,
图像
的
宽度(很大)大于屏幕
的
宽度。source={LargeImage}
resizeMode
='contain,具有弯曲顶部
的
深蓝色形状是大
图像
。由于某些原因,
图像
在
图像
容器中居中,尽管我添加了绝对
浏览 0
提问于2019-08-07
得票数 2
回答已采纳
1
回答
React
本机中具有
resizeMode
=‘ImageBackground’
的
容器
的
位置
我刚接触
React
-native,我有一个非常简单(至少我这么认为)
的
问题。我有一个
带有
resizeMode
='contain'
的
ImageBackground,现在我想把背景
定位
到容器
的
顶部……... som
浏览 2
提问于2018-12-11
得票数 3
2
回答
React
Native Image绝对
定位
、
我试图在
底部
边框放置两个
图像
,每边都有50%
的
宽度,以便适当地缩放到任何设备大小。但我似乎找不到任何绝对
的
定位
来以一种可重复
的
方式运行。我做了一个示例点心:import
React
, { Component } from '
react
'; <
浏览 0
提问于2018-02-04
得票数 2
1
回答
Image.
resizeMode
在
react
-native中不能按预期工作
、
、
我遵循了使用Image.
resizeMode
调整
图像
大小以适应视图内容
的
说明()。下面是我
的
代码。import
React
, {Component} from '
react
'; import {View, Image,StyleSheet, Dimensions} from '
react
-native
底部
的
图像
被裁剪了。我试过用Image.
resizeMode
做
浏览 0
提问于2016-05-28
得票数 0
1
回答
React
Native cant设置
图像
作为背景
、
、
、
我一直在尝试在
react
原生
应用程序上设置一个图片作为背景,但没有成功。<ImagebackgroundImage: { width: null,
resizeMode
: 'cover',}, 目前,子元素呈现在屏幕
的
底部
,在
图像
之后,而不是在它
的
顶部。
浏览 0
提问于2017-11-09
得票数 1
1
回答
如何在
react
本机视频组件上显示
带有
"content://“标签
的
视频?
、
、
、
我想展示设备视频库
的
视频。我得到
的
反应-本机-
图像
选择器,其中包括路径和内容。当我将内容用于显示
带有
react
本机视频组件
的
视频时,没有显示任何内容.RN-
图像
选择器响应.repeat={true}
resizeMode
="cover"2静态uri <Video/e
浏览 1
提问于2019-08-21
得票数 0
5
回答
如何将文本置于
图像
之上?
、
、
、
如何将文本垂直放置在
图像
之上,以响应本机?。但是我不能这样做,我不能添加text标记作为Image标签
的
子组件,我尝试了如下所示。18, fontWeight:'bold', },如何将文本放在
图像
的
中心得到这样
的
东西
浏览 0
提问于2018-03-13
得票数 29
回答已采纳
1
回答
反应本机-
图像
背景内容通过屏幕
、
、
、
我正在为我
的
应用程序添加
图像
背景,但是
图像
的
水平部分经过屏幕(左和右部分被剪切)。我尝试使用
resizeMode
封面
和包含,但两者都没有做任何事情。是否有其他方法使
图像
停留在屏幕内?(我在
图像
上使用
resizeMode
,它通常包含
图像
{相同
的
图片})。import
React
from '
react
'; Image,
浏览 9
提问于2021-12-07
得票数 1
回答已采纳
3
回答
iOS中
的
React
原生
渲染
图像
borderRadius
、
、
、
在ios和android中,使用来自
react
-native
的
图像
组件在不同
的
方面渲染
图像
。我正在尝试显示
图像
与45度角截断每一个角落。我试着使用
封面
,包含和
resizeMode
道具
封面
的中心填充
图像
内
的
视图给出45度剪切,但裁剪宽度或高度。0.85 : 0.5}} /> 我想在ios上得到未裁剪
的
图像
,这些
浏览 2
提问于2019-01-29
得票数 1
1
回答
视图没有显示在屏幕上,
图像
对于屏幕来说太大了,
React
Native
、
import
React
from '
react
'; height: 70, },到目前为止,这是我
的
代码,两个
带有
样式log
浏览 2
提问于2021-12-03
得票数 1
2
回答
React
Native Card
图像
封面
、
、
、
、
我正在尝试在我
的
react
原生
项目中开发一个卡片,其中卡片
的
顶部70%是一个覆盖整个卡片上部70%
的
图像
,但
底部
30%仍然是文本。/assets/habits/Productivity_Long.png')}
resizeMode
='cover'/> <View style={{ height: '30%', w
浏览 21
提问于2019-12-29
得票数 0
回答已采纳
6
回答
图像
“包含”
resizeMode
没有在本机反应中工作
、
我在一个真正
的
Android设备上使用
React
本机。“掩护”
resizeMode
确实按预期工作(“拉伸”模式也是如此)。不起作用
的
是“包含”模式(在我看来,这是最重要
的
)。当将
图像
放置在ListView上时,问题会变得更糟,因为
图像
甚至没有显示。
React
中
的
样式还不支持百分比,而且我不知道如何获得
图像
加载后
的
图像
宽度和高度属性。与Image组件关联
的
任何事件都
浏览 11
提问于2016-04-05
得票数 35
2
回答
图像
没有显示或覆盖
react
-native-element卡片组件中视图
的
整个可用区域
、
、
我想从
react
-native-elements设置一个卡片,它有一个Image和卡片
的
标题。我想要
的
图像
采取
的
整个宽度在视图中,并调整高度保持纵横比。所以基本上我既没有高度也没有宽度。Image flex: 1, width: null, }} uri: "url-of-
浏览 29
提问于2019-04-12
得票数 0
回答已采纳
2
回答
React
native :混合混合模式可能吗?
style={{}} 获取无效
的
props.style密钥
浏览 1
提问于2016-11-11
得票数 3
2
回答
反应本机-
图像
显示不正确
、
我正在使用普通
图像
标记来显示服务器映像,但有些
图像
显示正常,而有些则没有显示。我正在为android应用程序使用
react
原生
的
width: responsiveWidth(100),
resizeMode
浏览 0
提问于2018-06-22
得票数 0
2
回答
如何在TouchableOpacity中插入文本和
图像
?
、
我有一个登录按钮,我想把一个登录文本在按钮
的
中心和一个
图像
(适当缩放它)在按钮
的
右边,远离文本。目前,我正在使用Vector Icons库中
的
图标,方法如下: <TouchableOpacity style={styles.buttonLoginTouchable} onPress={this.loginUser.bind/common/arrow.png')}
resizeMode
='contain' style={{ height: 10 }}
浏览 10
提问于2019-03-27
得票数 2
回答已采纳
2
回答
react
本机组件上
的
图像
、
、
我创建了一个
react
原生
组件,并将其打包用于npm: https://www.freecodecamp.org/news/how-to-publish-a-
react
-native-component-to-npm-its-easier-than-you-think-51f6ae1ef850/ 在这之后,我创建了一个新
的
react
原生
应用程序,并使用npm pack和npm i安装了我
的
新组件。Image source
浏览 12
提问于2020-12-04
得票数 0
回答已采纳
1
回答
React
Native,
带有
文本
的
图像
滑块框
、
、
我是新反应
原生
,我安装了
react
-native-image-slider-box,但我也希望当
图像
幻灯片标题
的
图像
也会发生变化,如用户幻灯片
图像
,所以该
图像
的
标题也会发生变化。我更改了
react
-native-image-slider box包
的
代码,但它不起作用。ImageComponentStyle = {}, disableOnPress,
浏览 23
提问于2020-11-10
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
利用图像识别技术解决非原生控件的定位问题
极速编程 native-react(1)
Flutter vs React Native vs Native:深度性能比较
React Native 导航和路由
React Native外包开发APP的优化方法
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券