问题标签 [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.
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 nameActIndicator
. - I have a main
App
component that contains the app. - I have a
Root
component that wraps theActIndicator
andApp
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.
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:
react-native - 反应原生 UI 组件
当 react native 多次需要这个原生 ui 组件时,从第二个开始,前一个变成黑色。
有任何想法吗?
reactjs - React Native 一个组件只被渲染一次
我正在使用这两个库 import SwipeCards from 'react-native-swipe-cards'; 并从“react-native-auto-typing-text”导入 AutoTypingText;
在我拥有的每张卡片中,我都使用 AutoTypingText,问题是它在所有卡片中都使用相同的文本,唯一改变的是 this.props.Nickname
这不是 AutoTypingText 的 text 属性的一部分
子卡组件:
家长卡清单
澄清一下:好像 AutoTypingText 就像一个单例(我知道不是),因为它的结果在所有卡片中都是相同的
animation - 我可以在没有被用户直接按下的情况下更改其状态时使 React Native 的 Switch 组件动画吗?
在我的 React Native 项目中,我使用的是 Switch 组件。可以直接按下来切换,但我也想让用户通过按下附近的相关项目来改变它。
它当然会在按下时为切换设置动画,但是当我使用它更改其状态时,setState()
它只是直接跳到另一个位置而没有动画。
有没有一种方法可以在从代码更改其状态时以编程方式触发动画?
(有一个类似措辞的问题,但似乎是一个我无法解决的无关问题。)
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
react-native - React Native Maps:如何在地图下方渲染组件?
我刚刚在我的应用程序中实现了React Native Maps。
我的问题是,我在地图下方渲染的所有内容都渲染在地图之上。让我告诉你我的意思:
我的问题是如何避免我的组件被渲染在地图上?我希望它们在下面呈现。
这是我的代码:
HomeScreen.js:
MapsContainer.js:
react-native - 从自定义 TextInput 传递值
我有一个非常简单但样式化的 TextInput,声明为自己的组件。
它看起来像这样:
我的意图是将该组件包含在场景中,并在文本输入发生更改时触发 onChangeText 事件。我尝试了无数种方法......但没有成功传递价值。
但是,使用常规 TextInput 确实可以正常工作:
我在这里想念什么?
reactjs - 将参数传递给组件 2 级深度 React Native
我试图将参数传递给两层深的组件。我有 2 个屏幕(MainScreen 和 UserProfileScreen),两个屏幕上都有一个平面列表,两个平面列表在其 renderItem 中使用相同的组件 EventCard。EventCard 由 3 个三个嵌套的组件 EventCardHeader、EventCardBody 和 EventCardFooter 组成。如何仅从 UserProfileScreen 传递某些争论?我在下面发布了代码,以便更好地理解我所拥有的。
主屏幕
用户配置文件屏幕
事件卡
偶数卡头
我可以看到,因为我已将this.openEditEvent()
函数硬编码到我的 EventCard 组件中,这是导致我出现问题的原因,因为if
EventCardHeader 中检查是否this.openEditEvent()
存在的语句总是评估为真。有人能帮我看看正确的方法吗?提前感谢您的帮助。
更新:
添加于openEditEvent