react-native - 文本输入闪烁反应本机

Question

我在“主屏幕”上创建搜索栏时使用了文本输入。每当我单击搜索栏时，它都会将我带到集中文本输入的“搜索屏幕”。
在这两个屏幕中，我在文本输入中都有占位符“搜索”。我面临的问题是占位符在屏幕更改时闪烁。如果/当重新呈现文本输入时，这种情况会一直发生。
我希望占位符在那里保持静止，以便在屏幕之间平滑过渡。如果您对如何安装它有任何想法或有任何建议的解决方法，请告诉我。

Answer 1

看看这个库Fluid Transitions。该库有助于在屏幕和共享组件之间创建平滑过渡。因此，您可以从屏幕 A 转到屏幕 B，保持搜索栏输入完整或至少保持平稳过渡。

另一个想法是……当聚焦搜索栏时，你真的需要移动到另一个屏幕吗？如果您只是创建一个“显示/隐藏” FlatList 的 SearchList 组件（例如），当用户聚焦搜索栏时，当用户单击特定结果时，它会变为另一个屏幕。

Answer 2

我正在使用 react-native-router-flux 并且这里有一些观察，以前我.replace()用于切换场景，这次我使用.push()了，自定义它以不显示任何动画，现在搜索在弹出搜索屏幕时不会闪烁，但是，它将搜索屏幕推送到堆栈时会闪烁，似乎重新渲染会导致闪烁（因为 pop 不会触发渲染，但 push 会触发）。

最好避免像现在一样使用占位符，直到问题在 react-native 本身中被排序。