问题标签 [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 投票
1 回答
411 浏览

reactjs - React Native componentDidUpdate 道具未连接到主要组件?

当尝试向我的登录组件添加一个漂亮的 Lottie 动画时,我被卡住了,因为在主组件文件上引用时,componentDidUpdate 中的道具似乎无法被识别。

'this.props.isActive'(Lottie 组件)中的 'isActive' 和 ''(主组件文件)中的 'isActive' 应该连接并触发动画,但不知何故他们没有。

Lottie 组件代码

我试图将其连接到的主要登录组件:

还有 Package.json

0 投票
3 回答
670 浏览

react-native - 如何将对象绑定到 SelectItem 组件?

谁能帮我解决这个问题?我正在使用 UI-Kitten 的 select 和 selectiem 组件,我需要知道如何将对象绑定到 SelectedItem 组件?

我想将一些值作为绑定对象传递:

然后,我想用这样的方式渲染每个选择的选项:

此选项可以使用地图功能填充:

这不起作用,因为 map 函数需要(值:从不,索引:数字),并且 SelectItem 组件没有“键”道具。

我需要获取键值而不是显示值。

任何指向我正确方向的帮助将不胜感激。

0 投票
1 回答
253 浏览

reactjs - 如何导出在 storybook 中创建的 React Native 组件以便在实际应用中使用?

我知道我们可以在 Storybook 中单独创建和测试 React Native 组件。但是我们如何导出/发布组件以集成到我们的应用程序中?

在反应 -

  1. 我使用了 react-docgen,它允许我将组件创建和记录为独立项目
  2. 然后我将构建我的 doc 应用程序并将其作为一个包发布到 npm 注册表和npm install 作为我的应用程序中的依赖项以导入这些组件

我们如何在 Storybook 中使用 React Native 做同样的事情?我是不是该 -

  1. 在我的实际应用程序中复制测试组件的文件/代码?
  2. 导出故事文件夹中的所有内容并作为包构建和发布并作为依赖项安装在我的应用程序中?
  3. 在我的实际应用中安装故事书?但我想这不是一个选择,因为故事书本身应该作为独立应用程序运行

可能我错过了一些明显的东西,因为没有教程/文章/文档谈论如何在最终应用程序中使用创建的组件?有人可以阐明一下吗?谢谢你。

0 投票
2 回答
1168 浏览

reactjs - 意外的令牌,应为“;” 在本机反应

我是 React Native 的新手,我正在开发一个视频应用程序来帮助我的学习曲线。在下面的代码中,我已尽我所能解决“displayModal”行上的错误,但无法解决。请任何人都可以帮我解决这个问题。我想在图像/视频捕获时将其显示在模态中,并且从模态中我将能够“丢弃”或“保存”(到 Firebase)或“共享”图像/视频。

点击这里查看错误图片

0 投票
1 回答
82 浏览

javascript - 如何在本机反应中将无状态函数转换为类组件

我是 react native 的新手,我一直在寻找如何将此函数转换为 react native 中的类组件。请我需要帮助将下面的代码转换为反应组件。

0 投票
1 回答
76 浏览

javascript - How to do component inheritance in React Native like on native platform?

My background is an iOS developer and in swift I could do MyInput: UITextField (swift component alternative to React Native Input). This meant that MyInput automatically got all the properties and functions that UITextField has. Currently in react native I do this like this:

Basically I have to add anything I want from Input into Props and then redirect it into Input. Is there a way that I could just upgrade Input without doubling most of the code and to have all the Input properties by default available in MyInput?

So methods like onBlur would have to be rewritten.

Or if anyone at least could tell me what to google to find such solution?

0 投票
1 回答
51 浏览

react-native - 我有一个项目列表,我想使用反应原生导航将导航传递给它

我有一个项目列表,我想使用反应原生导航将导航传递给它,这是我的主要代码,

我需要在代码的哪一部分使用导航以及如何在上面传递任何道具?

0 投票
1 回答
33 浏览

react-native - 如何将道具中的值应用于样式?

我创建了一个自定义组件:

正如您在上面的sqr样式中看到的那样,我尝试使用sizeandcolor传入 via props

我通过Square以下方式在另一个组件中使用:

但是,运行我的应用程序时不会应用大小和颜色。

那么,如何在自定义组件的样式中使用传入的值?

0 投票
0 回答
95 浏览

react-native - 在 ReactNative 中调用函数时如何显示组件(如 Alert.alert())

我会创建一个自定义组件,以便在 ReactNative 中调用函数时呈现。就像一个 alert() 组件。在这种情况下,我不想使用模式,而是想要制作一个可以在调用函数时显示在屏幕上的组件。有人对我怎么做这个有任何想法吗?

我想做这个:

我不能这样做:

我想要做的是显示组件,但没有把她的 jsx 放在我的回报中。我需要调用一个函数,当调用这个函数时,我的组件会显示在屏幕上。逻辑与 Alert.alert() 函数相同。

0 投票
1 回答
103 浏览

react-native - 如何在 React Native 中不使用导航的情况下在同一级别的类/组件之间传递数据?

将数据从一个类传递到位于同一级别的另一个类,而无需在 react native 中导航。