天天看点

React Native实现登录功能

学习react native也有2个月了,从最开始的页面到点点击事件,到调用接口大体都会了,今天实现一个简单的登录功能。

React Native实现登录功能

这里需要说明几点:

1、<textinput>组件在react native中,默认是带一条横线的,如果想去掉输入框下面的横线,需要给<textinput>指定一个underlinecolorandroid='transparent',这样就可以去掉输入框下面的横线了;

2、密码输入框需要指定属性:securetextentry={true}

3、要显示图片,必须为<image>标签指定宽度和高度,和android中不同的是,<image>没法自动调整图片的大小,没有类似android中的wrap_content。

代码如下:

继续阅读