React-Native 安卓自定义View(一)

本文介绍了在React-Native中如何自定义安卓View,并着重讲解了如何控制View的样式和使用相关事件。通过分析源码,展示了ReactTextInputManager.java中的ReactProp注解如何处理样式,并提供了自定义TextInput的简单示例。
摘要由CSDN通过智能技术生成

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

rn_textInput render()

在render方法中判断当前系统,如果是安卓执行_renderAndroid()方法。在这个方法的返回中,发现实际是AndroidTextInput。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值