当前位置: 首页 > Web前端 > CSS

关于解决textInput左图问题,reactnative

时间:2023-03-30 17:00:32 CSS

需要这样完成登录界面输入框。当时觉得应该直接用textInput写吧。看官方文档,还有一个属性叫inlineImageLeft,但是图片必须放在指定的文件下,(我没有那个文件,我手动添加的,报错了。尴尬,哈哈哈),以及我还看到它只支持安卓。最后的解决办法是把左图和一个输入框用wrap包起来,把输入框的边框设置成透明色,然后渲染的下划线也要用wrap画出来。下面贴一下载源码://视频代码{dispatch({type:'LOGINUSER',userName:userName})}}/>{dispatch({type:'LOGINPASS',password:password})}}/>//样式代码inputWrap:{flex:1,flexDirection:'row',alignItems:'center',width:245,height:50,backgroundColor:'transparent',borderColor:'rgba(171,190,215,0.56)',borderBottomWidth:1,marginBottom:25,},icon:{width:16,height:16,marginRight:10},textInput:{backgroundColor:'transparent',borderColor:'transparent',borderWidth:1,width:200,height:50,fontSize:14,颜色:'#fff',},