问题标签 [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.
javascript - 在分页滚动视图中反应原生灵活视图大小
我正在尝试在 React Native 中使用 ScrollView(启用分页)来浏览一系列图像。任何人都知道如何使图像视图填充滚动视图的每一页?到目前为止,我只有运气硬编码图像样式的宽度和高度值。
这大致是我正在做的事情:
显示图像的唯一方法是如果我在样式中硬编码宽度/高度数字。我一直无法让图像仅弯曲以填充 1 个整页。
滚动视图样式:
图片风格:
react-native - React Native 上的 TabBarIOS 无法按预期工作
我在为 React Native 实现标签栏时遇到问题。该文档不存在(http://facebook.github.io/react-native/docs/tabbarios.html),并且其首页上的示例不足(例如缺少必需的属性图标)。
我设法从代码的角度来实现它,并且出现了一些东西。但是只有一个浅蓝色的盒子占据了屏幕一半的空间。
我的“工作”代码如下所示:
但就像说的那样,最终结果出乎意料。
有没有人成功实施 TabBarIOS ?我试图搜索源代码,但没有任何问题可以帮助我。
javascript - 添加全屏背景图像的最佳方法是什么
我想向视图添加全屏图像,所以我编写了这段代码
并将样式定义为
但是这样我应该如何找到实际的 iPhone 屏幕尺寸?
我已经看到了一个 API 来访问像素密度,但没有关于屏幕尺寸...
react-native - 如何在 React Native 中显示图标?
我需要一个删除按钮,并且想使用这个在 iOS 中随处可见的垃圾桶图标。如何显示这个系统范围的垃圾桶图标 React Native 而不是在图像视图中显示我自己的图标?
javascript - 如何渲染阴影?
如何在 a 上渲染阴影View
?我尝试了许多, , 和的组合shadowColor
,但似乎无济于事。我确信样式应用正确,因为我设置的其他属性有效。shadowOffset
shadowOpacity
shadowRadius
react-native - 在 react-native 中将组件高度设置为 100%
我可以给出样式数值的高度元素,例如,40
但这些必须是整数。如何使我的组件具有高度100%
?
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' 在根文件夹中运行,打印出:
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
,或者 - 从目标中删除构建设置。
react-native - 在 React Native 中渲染 HTML
在我的 React Native 应用程序中,我正在提取具有如下原始 HTML 元素的 JSON 数据:<p>This is some text. Let’s figure out...</p>
我已将数据添加到我的应用程序的视图中,如下所示:
<Text>{this.props.content}</Text>
问题是 HTML 是原始的,它不像在浏览器中那样呈现。有没有办法让我的 JSON 数据在我的应用程序视图中看起来像在浏览器中一样?
javascript - 在 React-Native 中使用 Navigator 组件自定义导航
我正在探索React Native的可能性,同时在Navigator
组件的帮助下开发一个在视图之间进行自定义导航的演示应用程序。
主应用程序类呈现导航器并在内部renderScene
返回传递的组件:
现在应用程序包含两个视图:
我想弄清楚的是:
我在日志中看到,
/li>renderScene
尽管视图正确渲染一次,但在按下“go to feed”时会调用多次。动画是这样工作的吗?一般来说,我的方法符合 React 的方式,还是可以做得更好?
我想要实现的是类似于NavigatorIOS
但没有导航栏的东西(但是有些视图会有自己的自定义导航栏)。