问题标签 [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 回答
3621 浏览

react-native - React Native是否有一个属性等于图像组件上的alt

来自 reactjs 我期待图像组件上的“alt”属性将显示文本以防图像无法加载。我在这里阅读了文档,我发现最接近的是 on error 事件。

React Native 图像组件中是否有等于 alt 的属性?如果我没有 alt 属性,用默认文本替换图像的最简单方法是什么?

0 投票
0 回答
425 浏览

javascript - React Native - 子组件中的功能组件引用

render()我的 RN 组件类中,我调用了加载轮播的功能组件 A。A 中的这个 Carousel 然后在其renderItemprop中调用功能组件 B。B 包含一个 FlatList w ref 定义为<FlatList ref={ref => (this.list = ref)} />

所以Athis.list.scrollToIndex()在A中定义的onTouch调用中成功访问。我需要做的是this.list.scrollToOffset()在定义了FlatList和ref的B中调用 - 但是当我这样做时我得到一个错误TypeError: TypeError: null is not an object (evaluating '_this.list.scrollToOffset')

我已经尝试在类级别使用 React.createRef() 但这也不起作用。

这是代码:

我猜我正处于那个奇怪而可怕的 jsthis区域。有任何想法吗??蒂亚!

0 投票
3 回答
3391 浏览

react-native - 如何解决慢滚动期间的 React Native Scroll Animation 问题?

我在这里用 Snack expo Animated Header制作了一个示例代码

我遇到的问题是我的动画不够流畅。看起来它在颤抖。

演示视频YouTube 视频

我似乎找不到这里的问题,还试图在 ScrollView 中摆弄 scrollEventThrottle、alwaysBounceVertical、bounces、bouncesZoom 道具。

0 投票
0 回答
199 浏览

react-native - 如何在 React-native 中创建复杂的自定义进度指示器?

我是新手,react native目前正在尝试创建此进度指示器 在此处输入图像描述

我找不到任何好的资源来实现这个结果。

各位大神能不能给点指导?

0 投票
1 回答
272 浏览

react-native - 如何更快地在 react-native 中重新渲染组件?

我正在尝试根据导航抽屉的状态(打开/关闭)更改侧边栏中组件的样式。我已经在检测导航抽屉的状态,并使用里面的道具将其传递给侧边栏组件componentDidUpdate

问题是重新渲染(style基于状态的变化)太慢了。

主要问题是道具的数据往往为时已晚。

这是导航抽屉的代码

这是SideBar组件的代码

0 投票
1 回答
83 浏览

react-native - 如何修复 React Native 中自定义标签栏的行为?

我正在尝试tabbarReact Native. 我以前只用 2 个选项卡就完成了它,并且它有效。但是现在我有 4 个选项卡,即使单击第三个选项卡中的第二个,它似乎也只能在第一个选项卡和最后一个选项卡之间切换。

这是布局的屏幕截图

在此处输入图像描述

这是我点击第二个标签时发生的事情

在此处输入图像描述

这是这个的代码component

这是风格

0 投票
1 回答
32 浏览

react-native - 如何在 RN 中的视图末尾放置 2 个文本组件?

我想达到这个结果

在此处输入图像描述

但这是当前的行为

在此处输入图像描述

您可以注意到两个Text组件都没有正确对齐。

这是代码

你们能帮我解决这个问题吗?

0 投票
1 回答
107 浏览

android - 如何在 react-native 输出中获取组件代码

我为我的应用程序创建了按钮组件。

这是我的代码

在此处输入图像描述

i want to see second output not the first one

0 投票
1 回答
475 浏览

react-native - React Native 可重用卡片组件不会按预期显示

你好,我是新来的反应本地人。我正在尝试创建可重用的组件,不仅是卡片组件,也许将来会创建其他可重用的组件。下面是我创建的可重用卡片组件的代码示例:

Card.js

StartGameScreen.js

结果如下:

在此处输入图像描述

我希望它如下所示: 在此处输入图像描述

是否可以使用我上面的代码并获得预期的结果?还是我的代码错误并且有更好的解决方案?

0 投票
0 回答
14 浏览

react-native - 仅在用户停止与数字输入交互后才向服务器发送交互

我有一个反应原生应用程序。这个应用程序包含一个个性化的数字组件。我正在使用这个解决方案。每个滴答都会触发一个 onChange 属性。此 onChange 触发将组件值发送到服务器的函数。但是,我不想只在用户停止与控件交互之后才发送每次交互中生成的每个值。类似于 onMouseOut 事件。

我怎么能实现这样的组件?

实际解决方案的代码示例:

谢谢。