问题标签 [react-native-component]

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 投票
3 回答
5496 浏览

javascript - React Native CameraRoll.getPhotos API 不呈现结果

嗨,我有以下课程,我试图从相机胶卷中获取照片并显示它。

问题是我的渲染函数在我的 CameraRoll.getPhotos 承诺得到解决之前被调用。所以我没有得到任何照片。

为了解决这个问题,我将程序更改为以下

但是,这给了我以下错误

错误画面

在上述情况下我该怎么办?如何确保渲染仅在 CameraRoll.getPhotos 得到解决后才有效。

0 投票
2 回答
1586 浏览

javascript - Is there any chance to use a component as a global ActivityIndicator on React-Native

Is there any chance to use a component as a global ActivityIndicator which has transparent color and had been created by me on React-Native?

Details:

  • I use a redux store to update the UI. So I intend to show an ActivityIndicator by updating the store.
  • I've created an ActivityIndicator component with name ActIndicator.
  • I have a main App component that contains the app.
  • I have a Root component that wraps the ActIndicator and App components.

The ultimate code of render method of Root component looks like the following:

I've tried several methods but I can not be successful.

I guess my brain is stopped.

I also guess there may be a logic mistake.

0 投票
1 回答
3492 浏览

swift - ReactNative Swift 组件:如何设置构造函数

我已经在 ReactNative 项目上工作了一个星期了,我想制作自己的 Objc/Swift 原生组件。

我遵循了官方文档,但发现它并不那么详细。我可以使用回调等,我也跟着这个,但我找不到我想要的。

我想使用我的类的构造函数 init(),但每次编译时,应用程序都会启动,Xcode 会抛出以下错误:

fatal error: use of unimplemented initializer 'init()' for class 'myProject.MyModule'

我已经尝试了很多东西,例如@objc在前面添加init(),但没有任何效果。我有点迷路了。

我的文件(我使用的是 Swift 3):

我的模块.m

MyModule.swift

MyModule-Bridging-Header.h

0 投票
1 回答
1328 浏览

react-native - 反应原生 UI 组件

当 react native 多次需要这个原生 ui 组件时,从第二个开始,前一个变成黑色。

有任何想法吗?

0 投票
1 回答
107 浏览

reactjs - React Native 一个组件只被渲染一次

我正在使用这两个库 import SwipeCards from 'react-native-swipe-cards'; 并从“react-native-auto-typing-text”导入 AutoTypingText;

在我拥有的每张卡片中,我都使用 AutoTypingText,问题是它在所有卡片中都使用相同的文本,唯一改变的是 this.props.Nickname

这不是 AutoTypingText 的 text 属性的一部分

子卡组件:

家长卡清单

澄清一下:好像 AutoTypingText 就像一个单例(我知道不是),因为它的结果在所有卡片中都是相同的

0 投票
1 回答
1756 浏览

animation - 我可以在没有被用户直接按下的情况下更改其状态时使 React Native 的 Switch 组件动画吗?

在我的 React Native 项目中,我使用的是 Switch 组件。可以直接按下来切换,但我也想让用户通过按下附近的相关项目来改变它。

它当然会在按下时为切换设置动画,但是当我使用它更改其状态时,setState()它只是直接跳到另一个位置而没有动画。

有没有一种方法可以在从代码更改其状态时以编程方式触发动画?

(有一个类似措辞的问题,但似乎是一个我无法解决的无关问题。)

0 投票
1 回答
1520 浏览

reactjs - 从子级到父级的 React-native 传递数据仅在 init 中工作

我有一个屏幕显示列表中的一些项目。我的项目是一个名为 CardItem 的组件,它有几个按钮。我像上面一样实现了但是当我运行我的项目时,组件将我想要的数据传递给初始化状态的父方法,但是当用户单击该按钮时我需要它。

家长:

}

孩子:

运行项目时的输出:

child component method
ADD item quantity with id: 5a2660924713cf6c8d088424
child component method
ADD item quantity with id: 5a1a58cacd0b8a0febce9fd7
child component method
ADD item quantity with id: 5a1a5856cd0b8a0febce9fd5
child component method
ADD item quantity with id: 5a4c8e9d2ebcf507323e7b73
child component method
ADD item quantity with id: 5a1a5862cd0b8a0febce9fd6

0 投票
2 回答
3034 浏览

react-native - React Native Maps:如何在地图下方渲染组件?

我刚刚在我的应用程序中实现了React Native Maps

我的问题是,我在地图下方渲染的所有内容都渲染在地图之上。让我告诉你我的意思:

搜索栏和随机文本在地图上方呈现。

我的问题是如何避免我的组件被渲染在地图上?我希望它们在下面呈现。

这是我的代码:

HomeScreen.js:

MapsContainer.js:

0 投票
1 回答
1903 浏览

react-native - 从自定义 TextInput 传递值

我有一个非常简单但样式化的 TextInput,声明为自己的组件。

它看起来像这样:

我的意图是将该组件包含在场景中,并在文本输入发生更改时触发 onChangeText 事件。我尝试了无数种方法......但没有成功传递价值。

但是,使用常规 TextInput 确实可以正常工作:

我在这里想念什么?

0 投票
1 回答
824 浏览

reactjs - 将参数传递给组件 2 级深度 React Native

我试图将参数传递给两层深的组件。我有 2 个屏幕(MainScreen 和 UserProfileScreen),两个屏幕上都有一个平面列表,两个平面列表在其 renderItem 中使用相同的组件 EventCard。EventCard 由 3 个三个嵌套的组件 EventCardHeader、EventCardBody 和 EventCardFooter 组成。如何仅从 UserProfileScreen 传递某些争论?我在下面发布了代码,以便更好地理解我所拥有的。

主屏幕

用户配置文件屏幕

事件卡

偶数卡头

我可以看到,因为我已将this.openEditEvent()函数硬编码到我的 EventCard 组件中,这是导致我出现问题的原因,因为ifEventCardHeader 中检查是否this.openEditEvent()存在的语句总是评估为真。有人能帮我看看正确的方法吗?提前感谢您的帮助。

更新:

添加于openEditEvent