文本输入闪烁反应本机
text input flickering react-native
我在 'HomeScreen' 上创建搜索栏时使用了文本输入。每当我单击搜索栏时，它都会将我带到文本输入集中的 'SearchScreen'。
在这两个屏幕中，我在文本输入中都有占位符 "Search" 。我面临的问题是，只要屏幕发生变化，占位符就会闪烁。这种情况一直发生 if/when 重新呈现文本输入。
我希望占位符在那里保持静态，以便在屏幕之间平滑过渡。如果您对如何安装它有任何想法或有任何建议的解决方法，请告诉我。
看看这个图书馆Fluid Transitions。这个库有助于在屏幕和共享组件之间创建平滑的过渡。因此，您可以从屏幕 A 转到屏幕 B，保持搜索栏输入完好无损，或者至少保持平滑过渡。
另一个想法是...聚焦搜索栏时真的需要移动到另一个屏幕吗？如果您只创建一个 "shows/hides" FlatList 的 SearchList 组件（例如），当用户聚焦搜索栏时，当用户点击特定结果时它会切换到另一个屏幕。
我正在使用react-native-router-flux，这里有一些观察，之前我使用.replace()切换场景，这次我使用.push()，自定义它不显示任何动画现在搜索在弹出搜索屏幕时不会闪烁，但是，它会在将搜索屏幕推入堆栈时闪烁，似乎重新渲染会导致闪烁（因为弹出不会触发渲染但推送会）。
在问题在 react-native 本身中得到解决之前，最好暂时避免使用占位符。
我在 'HomeScreen' 上创建搜索栏时使用了文本输入。每当我单击搜索栏时，它都会将我带到文本输入集中的 'SearchScreen'。
在这两个屏幕中，我在文本输入中都有占位符 "Search" 。我面临的问题是，只要屏幕发生变化，占位符就会闪烁。这种情况一直发生 if/when 重新呈现文本输入。
我希望占位符在那里保持静态，以便在屏幕之间平滑过渡。如果您对如何安装它有任何想法或有任何建议的解决方法，请告诉我。
看看这个图书馆Fluid Transitions。这个库有助于在屏幕和共享组件之间创建平滑的过渡。因此，您可以从屏幕 A 转到屏幕 B，保持搜索栏输入完好无损，或者至少保持平滑过渡。
另一个想法是...聚焦搜索栏时真的需要移动到另一个屏幕吗？如果您只创建一个 "shows/hides" FlatList 的 SearchList 组件（例如），当用户聚焦搜索栏时，当用户点击特定结果时它会切换到另一个屏幕。
我正在使用react-native-router-flux，这里有一些观察，之前我使用.replace()切换场景，这次我使用.push()，自定义它不显示任何动画现在搜索在弹出搜索屏幕时不会闪烁，但是，它会在将搜索屏幕推入堆栈时闪烁，似乎重新渲染会导致闪烁（因为弹出不会触发渲染但推送会）。
在问题在 react-native 本身中得到解决之前，最好暂时避免使用占位符。