react-native - React Native / Expo 输入滞后于多个 TextInput

Question

我一直在尝试解决我在使用 React Native/Expo 时遇到的这个奇怪的问题。我正在处理身份验证页面。这是一个简单的用户名和密码输入表单。TextInput直到昨天组件开始滞后时，几周前一切正常。奇怪的是它只在我的设备（Iphone X）中滞后。当我使用虚拟设备时，它运行良好，并且当我在TextInput.

我还想提一下，这不仅是我的代码，而且如果一个组件不止一次TextInput，TextInput当输入任何内容时，它就会变得迟钝且超级慢。

我努力了：

• 重启我的手机
• 删除 expo 应用程序并重新下载
• 在生产模式下运行应用程序

似乎没有任何效果，并且该组件仍然滞后。有没有其他人遇到过这样的问题？我创造了这个简单的小吃：

https://snack.expo.io/@ayushdev/9d2af8

这个问题仍然存在于这种简单的小吃中。

标签： react-nativeexpo

Answer 1

您应该在这里尝试状态托管。其他事情不变，预计至少会给你一些加速。

在表单中分离出不同的 InputText 组件，每个组件只更新自己的状态。这可确保当您仅在其中一个字段中更改输入时，不会重新呈现整个表单。