React 本机自动完成输入列表未正确覆盖输入答案

【问题标题】：React native autocomplete input list is not ovelay over ther inputs properlyReact 本机自动完成输入列表未正确覆盖输入
【发布时间】：2021-05-26 13:20:09
【问题描述】：

我在 react 本机移动应用程序中使用 Autocomplete-Input 包。我正确完成了所有功能，但我面临自动完成的下拉建议列表的样式问题。当我使列表覆盖其他输入时，可触摸（建议）无法正常工作。

This image showing Autocomplete working well but the lsit is pushing the whole design underneath and not overlaying

This is the code of the Autocomplete input

This is the style of the Autocomplete input

Here i changed the style to make the list overlaying the other inputs as shown in the next image

Here overlaying working fine but the problem is the touchable not working properly, so when i am pressing on any of suggesstions is not selected ...

【问题讨论】：

标签： javascript reactjs react-native autocomplete frontend

【解决方案1】：

答案是在“position:absolut”之后写“zIndex:1”。

position: "absolute",
elevation: 1,
zIndex: 1,

【讨论】：