React Native的TextInput组件去掉下划线和使用背景图片

      最近做RN，由于先做的是比较简单的部分，所以没碰到什么难点。真正的难点还在后面，所以这周就记录一下几个小问题。也是比较常用的小问题了。

一、TextInput组件去掉下划线和加上边框

      不得不说，RN自带的TextInput输入框是真的丑，不管是样式还是什么，所以我们根据美工图做东西的时候，需要自己来做一些样式。

1、去掉下划线

如图所示：
(1)maxLength大家都知道，是限制字数的
(2)underlineColorAdnroid:这是主要就是改变下划线的透明度。
2、给输入框加边框

    borderWidth:1,
    borderColor:'#e8e8e8',
    borderRadius:9,

直接加就好了，顺便加了个弧形，更好看一些。

二、背景图片的问题

      刚开始要加背景图片的时候，我以为是要在View视图上加，还是惯性思维害死人啊，实际上RN的Image组件很强大

在最外围来个Image组件，然后添加图片路径。在Image组件中写上我们需要的视图即可。

三、关于无数据的加载

      加上无数据页并不难，难的是不知道该在哪里进行判断。按理说只是一个if..else的问题，但是还是困扰了我一段时间

如图所示：
1、我们在render渲染视图的时候，可以在里面进行一个判断，当服务器传过来的数据为空，即undefined的时候就显示无数据页。当有数据的时候，就显示我们的页面。
2、return直接输入我们写好的页面就行
3、我们在写视图的时候最好是分层次的写。就像我这样，维护起来比较好维护一些，一目了然。

      这里就是封装的无数据页视图。很简单，只需要把页面写上去就可以了。

      好吧，，很简单的分享，怪不好意思的，没什么干货。。

end