文字输入闪烁反应本机

Question

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

Answer 1

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

另一个想法是...聚焦搜索栏时，您真的需要移至另一个屏幕吗？是否可能仅创建一个“显示/隐藏” FlatList的SearchList组件（例如），当用户聚焦搜索栏时，当用户单击特定结果时它将切换到另一个屏幕。

Answer 2

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

直到现在问题在react-native本身中分类之前，最好避免现在使用占位符。