问题标签 [react-native]

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 投票
2 回答
7776 浏览

javascript - 在分页滚动视图中反应原生灵活视图大小

我正在尝试在 React Native 中使用 ScrollView(启用分页)来浏览一系列图像。任何人都知道如何使图像视图填充滚动视图的每一页?到目前为止,我只有运气硬编码图像样式的宽度和高度值。

这大致是我正在做的事情:

显示图像的唯一方法是如果我在样式中硬编码宽度/高度数字。我一直无法让图像仅弯曲以填充 1 个整页。

滚动视图样式:

图片风格:

0 投票
5 回答
7650 浏览

react-native - React Native 上的 TabBarIOS 无法按预期工作

我在为 React Native 实现标签栏时遇到问题。该文档不存在(http://facebook.github.io/react-native/docs/tabbarios.html),并且其首页上的示例不足(例如缺少必需的属性图标)。

我设法从代码的角度来实现它,并且出现了一些东西。但是只有一个浅蓝色的盒子占据了屏幕一半的空间。

我的“工作”代码如下所示:

但就像说的那样,最终结果出乎意料。

有没有人成功实施 TabBarIOS ?我试图搜索源代码,但没有任何问题可以帮助我。

0 投票
28 回答
273622 浏览

javascript - 添加全屏背景图像的最佳方法是什么

我想向视图添加全屏图像,所以我编写了这段代码

并将样式定义为

但是这样我应该如何找到实际的 iPhone 屏幕尺寸?

我已经看到了一个 API 来访问像素密度,但没有关于屏幕尺寸...

0 投票
2 回答
6345 浏览

react-native - 如何在 React Native 中显示图标?

我需要一个删除按钮,并且想使用这个在 iOS 中随处可见的垃圾桶图标。如何显示这个系统范围的垃圾桶图标 React Native 而不是在图像视图中显示我自己的图标?

0 投票
9 回答
117407 浏览

javascript - 如何渲染阴影?

如何在 a 上渲染阴影View?我尝试了许多, , 和的组合shadowColor,但似乎无济于事。我确信样式应用正确,因为我设置的其他属性有效。shadowOffsetshadowOpacityshadowRadius

0 投票
8 回答
98813 浏览

react-native - 在 react-native 中将组件高度设置为 100%

我可以给出样式数值的高度元素,例如,40但这些必须是整数。如何使我的组件具有高度100%

0 投票
9 回答
39127 浏览

ios - 如何运行 React-Native 示例?

我找不到有关如何安装和运行“ https://github.com/facebook/react-native/tree/master/Examples ”中提供的其他示例之一的任何说明,例如“ https://github. com/facebook/react-native/tree/master/Examples/Movies '。

本教程只告诉你做

react-native init AwesomeProject

它抓住了' https://github.com/facebook/react-native/tree/master/Examples/SampleApp '。


如果我克隆整个“react-native”存储库,然后运行

从根文件夹(即“/react-native”),然后在 Xcode 中打开“/react-native/Examples/Movies/Movies.xcodeproj”,然后运行项目,似乎构建良好。模拟器出现,显示应用程序的“电影”介绍屏幕,但随后出现红色死亡屏幕,并打印出:

和终端,其中 'npm start' 在根文件夹中运行,打印出:

0 投票
1 回答
1232 浏览

react-native - 使用带有可可豆荚的本机反应时发出警告

在 react native 项目中使用可可豆荚时,我在运行时收到以下警告pod install。有谁知道为什么?

[!][Debug]目标覆盖$(inherited)` 标志OTHER_LDFLAGS中定义的构建设置Pods/Target Support Files/Pods/Pods.debug.xcconfig'. This can lead to problems with the CocoaPods installation - Use the,或者 - 从目标中删除构建设置。

0 投票
7 回答
153889 浏览

react-native - 在 React Native 中渲染 HTML

在我的 React Native 应用程序中,我正在提取具有如下原始 HTML 元素的 JSON 数据:<p>This is some text. Let&#8217;s figure out...</p>

我已将数据添加到我的应用程序的视图中,如下所示:

<Text>{this.props.content}</Text>

问题是 HTML 是原始的,它不像在浏览器中那样呈现。有没有办法让我的 JSON 数据在我的应用程序视图中看起来像在浏览器中一样?

0 投票
4 回答
26682 浏览

javascript - 在 React-Native 中使用 Navigator 组件自定义导航

我正在探索React Native的可能性,同时在Navigator组件的帮助下开发一个在视图之间进行自定义导航的演示应用程序。

主应用程序类呈现导航器并在内部renderScene返回传递的组件:

现在应用程序包含两个视图:

我想弄清楚的是:

  • 我在日志中看到,renderScene尽管视图正确渲染一次,但在按下“go to feed”时会调用多次。动画是这样工作的吗?

    /li>
  • 一般来说,我的方法符合 React 的方式,还是可以做得更好?

我想要实现的是类似于NavigatorIOS但没有导航栏的东西(但是有些视图会有自己的自定义导航栏)。