React Native 之 TextInput组件去掉下划线

原创 2018年04月17日 11:56:00

在使用RN开发中,TextInput 组件使用,iOS 没有下划线 而安卓有下划线 ,特此需要设置

<View style ={ETTLogStyles.log_input_top}>
    <TextInput style ={this.inputStyle()} placeholder={this.placeholder() }>

    </TextInput>

    {this.rightView()}
</View>




<View style ={ETTLogStyles.log_input_top}>
    <TextInput style ={this.inputStyle()} placeholder={this.placeholder() } underlineColorAndroid='transparent'>

    </TextInput>

    {this.rightView()}
</View>

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kangguang/article/details/79972804

react-native如何去掉TextInput下划线

现象        描述在andriod下,TextInput UI组件默认有个下划线,需要设置underlineColorAndroid='transparent'&amp;lt;TextInput...
  • zdluoa
  • zdluoa
  • 2018-03-30 00:05:10
  • 65

reactNative之TextInput

这章说说如何去掉TextInput默认的下划线: 找了好多网上的例子,都是:把背景设置成白色,调整一下字体大小,给TextInput添加style样式,如下:edit: { marg...
  • it_liusi
  • it_liusi
  • 2017-06-29 10:35:18
  • 682

【React Native开发】React Native控件之TextInput组件讲解与QQ登录界面实现(11)

(一)前言         今天我们一起来看一下文本输入框TextInput组件的相关使用讲解以及模仿实现一下QQ登录界面的效果。具体环境搭建以及相关配置的请查看之前的相关文章。         刚创...
  • jiangqq781931404
  • jiangqq781931404
  • 2016-01-26 20:07:59
  • 12418

React-Native 自定义TextInput 登录页面

实现效果  输入框左边有图标去掉下划线有一个白色带边框的背景 render() {     return (                         鲜桥销售管理系统          ...
  • JLhaoran
  • JLhaoran
  • 2017-03-14 14:48:06
  • 966

React-Native 自定义TextInput样式

在react-native中,其实提供的TextInput样式已经非常强大了,但是事实上有时候我们可能需要自己订制一个样式已满足我们的需求,比如这种所以这篇就是介绍如何去订制。如果我们只是把一个默认的...
  • w337198302
  • w337198302
  • 2016-11-02 22:10:21
  • 5997

React Native 组件 --TextInput处理文本输入

React Native 属性.样式.状态一. HelloWord1.初始化工程react-native init Hello cd Hello react-native run-ios这个有一点要注...
  • jyt199011302
  • jyt199011302
  • 2017-01-11 16:20:33
  • 551

《React-Native系列》10、 RN组件之Text和TextInput以及注意要点

今天把写的RN程序从iOS上迁移到Android上,发现了一些问题,主要涉及到Text和TextInput这两个组件,所以用一节来专门记录下来。 Text组件 我们先来看官网给的例子: renderT...
  • hsbirenjie
  • hsbirenjie
  • 2016-08-11 22:51:32
  • 8471

React-Native的TextInput组件的设置以及获取输入框的内容

大家下午好,自打过了个年啊,对于学习松懈了不少,得麻利的补补课了,这两天在学习React-Native的内容,发现RN的input框和原生input有些区别,特意写下来供小伙伴们参考啊,哈哈哈~ 众...
  • MYTLJP
  • MYTLJP
  • 2018-03-03 15:30:00
  • 364

React-Native通过登录界面学习TextInput组件

同时适配Android和IOS代码注释比较详细/** * Sample React Native App * https://github.com/facebook/react-native *...
  • u014360817
  • u014360817
  • 2016-08-28 11:02:36
  • 6119

React Native控件之TextInput组件介绍以及实际登录界面实现

React Native控件之TextInput组件介绍以及实际登录界面实现(一)前言这一篇文章讲解一下文本输入框TextInput组件使用讲解以及模仿实现一下贵州银行登录界面效果。TextInput...
  • u014484863
  • u014484863
  • 2016-06-22 09:57:23
  • 9077
收藏助手
不良信息举报
您举报文章:React Native 之 TextInput组件去掉下划线
举报原因:
原因补充:

(最多只允许输入30个字)