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

Question

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

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

我试过了：

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

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

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

这个简单的零食问题仍然存在。

Answer 1

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

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