问题标签 [react-native-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7277 浏览

react-native - 如何在反应原生中删除边界外的边界?

我的边框外面有一个奇怪的灰色<Image />边框。这是一个示例:https ://www.dropbox.com/s/01lqk4ijc3k9j7m/Screenshot%202017-12-01%2015.25.11.png?dl=0 (您可以看到周围有白色边框的个人资料图片那个白色边框似乎有一个灰色的)

这是上述保管箱链接中显示的圆圈之一的代码。

这是avatar样式:

我怎样才能摆脱这个奇怪的边界?

0 投票
1 回答
145 浏览

reactjs - React Native Image URL 降低了我的性能

当我在启用分页的水平滚动视图中显示我的图像时,应用程序的性能会降低。我知道这是由于图像的高分辨率。我想要一个好方法,这样我就可以在不降低质量的情况下加载图像。先感谢您。

0 投票
1 回答
778 浏览

android - React Native 本地图像加载时间

我对 React Native 比较陌生,但到目前为止很享受!

我目前正在使用 FlatList 来呈现一些数据。FlatList 的每一行都使用一对保存在本地的图标 (.png)。它们非常小,小于 100x100,但是当我加载应用程序时,渲染的图像会有延迟。

为什么是这样?这不会发生在原生 iOS 应用程序上,那么我如何在 Reat Native 中实现它。

编辑:

在我的 iPhone X 上使用 EXPO 时会出现这种延迟,但在 iOS 模拟器上使用 EXPO 时不会出现这种延迟。

谢谢!

0 投票
2 回答
23612 浏览

react-native - React Native Image 绝对定位

我试图在底部边框放置两个图像,每边的宽度为 50%,以便正确缩放到任何设备尺寸。但我似乎无法获得任何绝对定位来以可重现的方式表现。

我做了一个示例小吃:https ://snack.expo.io/rJd3OkVIM

App 组件和相关样式如下所示:

每个设备将图像垂直居中设置为屏幕的随机部分,每次打开项目时,居中似乎都会发生变化。

0 投票
2 回答
11452 浏览

react-native - 是否可以从 React-Native 中的图像中获取二进制数据?

我正在使用react-native-camera,但无法将图像作为二进制数据获取到react-native. 我需要这个才能将图像上传到我们的后端。我唯一设法得到的是图像的uri,然后可能将其发送FormData到服务器,但不建议这样做,因为这需要对我们的后端进行一些基础架构更改。

有没有人知道有关此问题的解决方案或一些提示?

非常感谢任何想法或帮助。

0 投票
1 回答
752 浏览

react-native - 加载 Google 的可能性会将图像放置在 react-native Image 组件中吗?

我正在尝试找到一种方法,使用如下所示的 react-native 的 Image 组件将我从地点 api 获得的图像参考加载到地点照片 API 中,

我只得到上面代码的空占位符。但是,我可以在浏览器中加载此链接。需要注意的是,谷歌将照片的链接重定向到其他一些 url,然后在浏览器中显示图像。我做对了吗?或者有没有其他方法我可以做到这一点。注意:我也尝试过 react-native-network-image 库。

0 投票
1 回答
1316 浏览

facebook-graph-api - Expo、React Native、分享/上传图片到 Facebook(我自己页面上的故事)

我真的迷路了,我有一个 Expo React-Native 应用程序。用户可以使用 Facebook 凭据登录。

现在我有了登录用户的令牌和信息。现在我从 cameraRoll 得到一张照片

它给出了设备上图像的 URI,我也RNFetchBlob用来再次将图像设置为 base64。但我真的很困惑我应该如何将这张照片分享/上传到 Facebook。我应该从 Expo 中弹出安装 FBSDK 并从 Android 文件夹中执行吗?或者我可以使用 Graph API 来做到这一点?或者我可以将它链接到世博会?我找不到一个例子,react-native-share我到处都能看到简单的样本。

0 投票
1 回答
512 浏览

react-native - React Native:未获取 Firebase 存储映像

我正在使用react-native-image-cache-hoc & Blob

并渲染

this.props.uri :

https://firebasestorage.googleapis.com/v0/b/tura-113e0.appspot.com/o/userImages%2Fa@a.com%2Fimages%2FG%C3%B6khan%20Geyik?alt=media&token=54864e18-b9ce- 42f3-84ae

* 然后错误:props.source.uri 应该是具有有效协议和主机的 Web 可访问 url。注意:默认有效协议为 https,默认有效主机为.

错误画面

请问你能帮帮我吗 ?谢谢你。

0 投票
1 回答
1225 浏览

react-native - 如何在本机反应中创建六边形图像

我正在尝试将图像制作成六边形以做出本机反应,但我不知道该怎么做。这是预期的结果: 六边形

0 投票
0 回答
437 浏览

react-native - 如何在本机反应中制作松鼠形状

native ,只是我知道如何在 react-native 中制作 squircle,即 iphone 7 图标

帮助将不胜感激

例子

在此处输入图像描述