react-native如何去掉TextInput下划线

最新推荐文章于 2020-04-24 11:05:41 发布

zdluoa

最新推荐文章于 2020-04-24 11:05:41 发布

阅读量2.8k

点赞数

分类专栏： react-native 文章标签： react-native

本文链接：https://blog.csdn.net/zdluoa/article/details/79751270

版权

react-native 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍如何在Android环境下，通过设置underlineColorAndroid属性为'transparent'来去除React-Native中TextInput组件的默认下划线。

摘要由CSDN通过智能技术生成

现象

描述在andriod下，TextInput UI组件默认有个下划线，需要设置underlineColorAndroid='transparent'

 
  < 
  TextInput 
  style= 
  { 
  styles. 
  input 
  } 
  underlineColorAndroid= 
  'transparent' 
  ></ 
  TextInput 
  > 
 

修改之后:

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zdluoa

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

React-Native 自定义TextInput样式

wangdi的游戏社区

11-02

1万+

在react-native中，其实提供的TextInput样式已经非常强大了，但是事实上有时候我们可能需要自己订制一个样式已满足我们的需求，比如这种所以这篇就是介绍如何去订制。如果我们只是把一个默认的TextInput拉出来，会长成这样最下面这样分析一下，我们需要去除下划线，把背景设置成白色，同时可以略微调整一下字体大小。所以给TextInput添加一个style样式<TextInput s

移动跨平台框架ReactNative输入组件TextInput【09】

最新发布

2401_84097520的博客

04-18

669

核心竞争力，怎么才能提高呢？成年人想要改变生活，逆转状态？那就开始学习吧~万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

参与评论您还未登录，请先登录后发表或查看评论

React Native 之 TextInput组件去掉下划线

圣人男的博客

04-17

1658

在使用RN开发中，TextInput 组件使用，iOS 没有下划线 而安卓有下划线 ，特此需要设置<View style ={ETTLogStyles.log_input_top}> <TextInput style ={this.inputStyle()} placeholder={this.placeholder() }> </TextInput...

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

铁柱的博客

09-22

2183

最近做RN，由于先做的是比较简单的部分，所以没碰到什么难点。真正的难点还在后面，所以这周就记录一下几个小问题。也是比较常用的小问题了。一、TextInput组件去掉下划线和加上边框不得不说，RN自带的TextInput输入框是真的丑，不管是样式还是什么，所以我们根据美工图做东西的时候，需要自己来做一些样式。1、去掉下划线如图所示： (1)maxLength大家都知道，是限制字数的 (

16.reactnative屏幕划线功能

萧志华的博客

04-24

363

import React, {PureComponent, Component} from 'react'; import { StyleSheet, View, ART, Dimensions, PanResponder, AppRegistry, Navigator, BackAndroid, Platform, TouchableOpacity, Text } fr...

React-Native中一些常用组件的用法详解(一)

08-30

在本文中，我们将深入探讨其中五个关键组件：View、Text、Touchable类组件、TextInput以及Image。首先，**View组件**是React-Native的基础组件，它相当于HTML中的`<div>`，用于构建应用程序的布局。View支持...

React Native组件（四）TextInput组件解析

Android进阶三部曲 - 刘望舒

08-21

4079

TextInput组件和Text组件类似，内部都没有使用FlexBox布局，不同的是TextInput组件支持文字的输入，因为支持文字输入， TextInput组件要比Text组件多了一些属性和方法。TextInput组件支持Text组件所有的Style属性，而TextInput组件本身是没有特有的Style属性的。

React-Native 集成AMap实例

qq_20738965的博客

11-27

8692

前言地图、定位对于移动开发来说不可或缺，下面尝试封装高德地图作为　React-Native组件

react-native的TextInput踩坑

always_Kyathe的博客

05-05

759

一：TextInput 报错: Invariant Violation:Text strings must be rendered within a <Text> component 后来发现是代码注释问题导致,在标签内部不可以使用//注释，应该使用{/* */} 二：SafeAreaView SafeAreaView只适合iOS设备。 SafeAreaView的使...

【Android -- UI 开发】RatingBar & ScrollView 的基本使用

Kevin Learn Android

02-28

765

本节给大家带来的是 Android 基本 UI 控件中的 RatingBar(星级评分条) 和 ScrollView(滚动条)。

@ant-design/react-native 记录一下如何去掉List Item的下划线

aieraflyyyy的博客

05-30

3979

如何去掉List Item的下划线 此方法我是从ant-design-mobile-rn的issues中找到的，怕自己以后搞忘，现在做一个记录。首先下划线是List.Item的特定样式，无法通过赋予 style 进行覆盖。特定样式都是通过styles属性去覆盖。代码： <List.Item arrow="horizontal" ...

问题记录：RN的文本输入下划线不显示？

openglnewbee的博客

12-18

786

安卓上倒是有需要手动代码屏蔽该下划线的，但现在在iOS上却显示不出来，比较奇怪，加了属性还是显示不出来。

react-native 实现渐变色背景