问题标签 [react-native-state]

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 投票
2 回答
46 浏览

react-native - React Native 状态未通过 React 的 useSate 方法更新

我的代码中似乎有什么问题,我正在创建一个基于 firestore 和 firebase 的应用程序。 到目前为止一切正常,但现在我想添加一个从 1 开始的唯一键,然后按升序进入firebase 中的每个项目,通过它我可以检索我的FlatList 组件中的所有项目。 但我无法做到这一点。我目前面临的一个问题是,当用户填写表单单击POST 按钮**[POST 按钮的详细信息如下]** 数据存储在 Firebase 中但计数器没有增加之后 第二尝试(意味着用户填写另一个表单并单击 POST 按钮)值最终增加。

表示在两个表单填写后,计数器递增一,但我想在每个填写的表单上递增计数器

请帮我!

请参阅下面的代码

我在我的应用程序中使用这些股份,所有其他工作都很好,问题就出在这个问题上。

并在用户按下发布按钮时调用此函数

在调用getCounter();函数时,它从 firebase获取当前计数器值,然后将该值加一,然后更新 firebase 中的值

getCounter();函数 代码:(我认为问题就在这个 getCounter() 中,但我无法弄清楚。)

0 投票
1 回答
249 浏览

reactjs - 为什么AsyncStorage在第一次单击时保存一个空数组,然后仅在第二次单击时保存输入的值?

我尝试使用 AsyncStorage 将任务保存在我的 ToDo 应用程序中,以便在应用程序重新启动后可以检索它们。

到目前为止,我已经设法保存了任务。但是,空数组总是在第一次运行时保存。如果我想创建一个新任务,它只会在我第二次单击按钮时保存。如果整个事情异步运行,则合乎逻辑。我只是想不通我的错在哪里。我会很高兴收到帮助和提示。

在这里你可以看到创建第一个任务时的空数组: Reactotron Empty Array

在这里您可以看到在我创建第二个任务后保存的第一个值: Reactotron AsyncStorage after second click

第一部分:

第二部分:

0 投票
0 回答
40 浏览

firebase - React Native Context 未填充 Firebase 数据库中的数据

我正在编写一个程序,在该程序中我发出请求并检索存储在 firebase 实时数据库中的数据,并尝试使用反应上下文或其他方式在本地存储该数据。我注意到在几个控制台日志之后,发出了请求并且成功接收了数据,但它被设置回 null 从而导致我得到的错误。以下是我的数据上下文代码和我称之为报告上下文的特定上下文。

createDataContext.js
报告上下文.js

下面是我如何在ReportScreen.js中调用这些函数

请问我做错了什么可能导致这不是对象错误?

0 投票
0 回答
13 浏览

react-native - React-Native、动画、状态渲染

我被困在视图的渲染上。我已经展示了一张卡片,一旦我用动画翻转卡片,我希望我的第一个视图被隐藏并显示其他视图,我也能够实现这一点,但问题是状态渲染发生在之后动画结束需要几秒钟,视图隐藏并在几秒钟后显示,这看起来有点糟糕。我想在翻转开始时隐藏并显示我的视图,并且一旦翻转结束,我的视图就会被隐藏/显示。

这是项目的链接 https://snack.expo.io/@itsyousuf/paymentanimation

0 投票
1 回答
213 浏览

typescript - 使用打字稿在本机反应中从状态更新样式

我正在使用带有打字稿的本机反应,我想从状态更新我的样式属性。但这给了我错误。

我收到错误style

0 投票
0 回答
30 浏览

react-native - 在状态变化中反应原生测试

如何使用测试库为 Button 组件禁用 prop 包含状态值编写测试用例?例如。

在这段代码中,如何根据状态变量检查按钮是否被禁用?

如何编写适合自动化测试的 React 本机应用程序?

0 投票
0 回答
13 浏览

react-native - 子数据长度改变时组件状态抛出错误

我为以下 JSON 创建了名为 ListItems 的组件。该组件在区域和郊区数据之间共享。

如果我选择 Region 1 和 Region 2(都有两个郊区),它工作正常。但是,一旦我选择了拥有 10 个郊区的 Region 3,它就会抛出 undefined is not an object (evalating 'arrs[index].isChecked') 错误。当我执行 console.log(arrs) 时,它会保持先前选择的区域的状态。当区域选择发生变化时,如何重置状态 arrs?它保持旧状态的数组长度。

我在这里创建了小吃:https ://snack.expo.dev/@everestster/listitem-component

任何帮助将不胜感激。

0 投票
2 回答
67 浏览

javascript - 反应原生:setState 没有立即更新

我正在尝试为 Android 应用程序制作井字游戏。我打算制作的井字游戏模式是人机对抗。但问题是程序没有更新我的 switchPlayer 函数中的切换过程(setState),因为在执行 setState 后,Previous player 和 Current player 是相同的。switchPlayer 函数的预期输出:上一个玩家:1,当前玩家:-1,但实际输出:上一个玩家:1,当前玩家:1。

我也尝试使用其他 Stackoverflow 问题中建议/推荐的回调方法,但仍然无法正常工作。我做对了吗?任何建议将不胜感激。先感谢您。

代码如下:

0 投票
0 回答
71 浏览

reactjs - 状态更改组件未在 react-native 中更新

嗨,我正在使用 react-native expo-cli。我创建了一个自定义底部导航栏。现在我创建了一个新组件,在屏幕底部我有导航栏,其余屏幕有我的屏幕。当应用程序。在第一次渲染时加载它完美地显示屏幕(主页是导航堆栈)但是当它移动到购物车屏幕时我隐藏底部导航栏并在屏幕顶​​部显示一个后退箭头按钮我可以返回主堆栈。但在这里我面临的问题是,当按下箭头按钮返回时,它通过激活 hometab 图标显示底部导航但不显示 homestack 屏幕。

所以我尝试在我正在做这一切的文件上使用useIsFocused,useFocusEffect,但我得到这个错误 navigation.isfocused is not a function navigation.isfocused is undefined

如果有人有任何想法要解决,我从过去两周开始就被困住了,那么我感谢你的帮助。

当我从购物车-> 家回来时,这部分会完美更新:

但这部分不起作用但屏幕值为 Home 但它显示购物车屏幕:

0 投票
1 回答
30 浏览

react-native - 是否有可能是两个屏幕之间的状态并且能够从两个屏幕中设置状态?

我在我的项目中遇到了这个问题。我真的很困惑我要做什么。