React-Native 安卓自定义View(一)
在移动端开发中,使用React-Native的越来越多,其使用js作为开发语言,并且提供大量的组件,大大提升了移动端开发的效率。但是最近在使用的过程中发现,RN提供的一些组件不能满足特定的业务需求,需要通过自定义view来实现。
查了很多网上的文章,大部分的文章只是简单的介绍了如何自定义view,但是并没有介绍怎么通过RN控制view的样式(css),以及view的一些相关事件的使用(比如TextInput的onBlur()等)
那么还是自己来吧,我们首先来看一下,RN是怎么使用css来控制view的样式的。
自定义view并控制其样式:
我们首先看一下RN的TextInput,它的位置在在node_modules/react-native/Libraries/Components/TextInput/TextInput.js
在render方法中判断当前系统,如果是安卓执行_renderAndroid()方法。在这个方法的返回中,发现实际是AndroidTextInput。