首页 > 解决方案 > 出现键盘时输入向上移动

问题描述

已经尝试过不同的风格,但问题总是在这里(至少在 android 上)。
我想固定输入位置,但是当我们聚焦(键盘出现)并且输入上升时。

专注之前(没关系)

当我们专注时(不好)

输入代码:

<TextInput                            
            placeholder="Procurar Lazer..."                    
            style={[stylesListagem.inputBarFilter, {display:"flex"}]}
            onChangeText={text => onChangeText(text)}
            value={value}
 />

输入样式:

 inputBarFilter:{                
    height:40,
    width:250,                   
    borderRadius:100,     
    display:"none",   
    opacity:10,                   
},

ViewStyle 其中 Input 是:

viewSearchFilter:{
    position:"absolute",
    top:"14%",
    alignSelf:"center",            
    borderRadius:10,
    backgroundColor:'#fff',   
    opacity:50,     
},

标签: react-nativeexpo

解决方案


解决了 !问题出在 ViewStyle 上,其中 Top:"14%",只是更改为绝对值。


推荐阅读