文本输入闪烁反应原生

问题描述 投票:0回答:2

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

react-native react-native-router-flux react-native-textinput
2个回答
0
投票

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

另一个想法是......在聚焦搜索栏时,你真的需要移动到另一个屏幕吗?是否可以创建一个“显示/隐藏”FlatList的SearchList组件(例如),当用户对搜索栏进行聚焦时,当用户单击特定结果时,它将更改为另一个屏幕。


0
投票

我正在使用react-native-router-flux,这里有一些观察,之前我使用.replace()来切换场景,这次我使用.push(),自定义它不显示任何动画,现在搜索在弹出搜索屏幕时不会闪烁,但是,它会将搜索屏幕推到堆栈上闪烁,看起来重新渲染会导致闪烁(因为弹出不会触发渲染而是推动)。

最好避免使用占位符,直到问题在react-native本身中排序。

© www.soinside.com 2019 - 2024. All rights reserved.