web-dev-qa-db-fra.com

supprimer le soulignement dans inputText dans React Native

Je ne peux pas supprimer le soulignement dans le texte saisi

 enter image description here

cssreact-native
22
Nima

Je suppose que ça devrait être

underlineColorAndroid="transparent"

Voir la question associée https://github.com/facebook/react-native/issues/10108

40
vinayr

Utiliser la propriété underlineColorAndroid du composant TextInput

<TextInput underlineColorAndroid='transparent'
           placeholder="type here ..">
 TXT
</TextInput>
18
vijay22uk

La suite dans TextField fonctionne pour moi

underlineColorAndroid='rgba(0,0,0,0)'
3
Urska

J'ai trouvé une solution simple

underlineColorAndroid='#FFF'
3
Nima

underlineColorAndroid="transparent" fonctionne parfaitement pour moi

<TextInput underlineColorAndroid="transparent" placeholder="Your Placeholder" />

Voir la discussion ici

1
Prafull Sharma

underlineColorAndroid = "transparent" a fonctionné pour moi.

/*This is an Example to Remove TextInput Underline in React Native*/
import React, { Component } from 'react';
//import react in our project
import { TextInput, View } from 'react-native';
//import all the components we will need in our project

export default class App extends Component {
  render() {
    return (
      <View
        style={{
          justifyContent: 'center',
          flex: 1,
          margin: 10,
        }}>
        <TextInput
          placeholder="https://aboutreact.com"
          placeholderTextColor="#ED2525"
          //We have to use this to remove underline
          underlineColorAndroid="transparent"
          fontSize="25"
          style={{
            textAlign: 'center',
            height: 50,
            backgroundColor: '#808080',
          }}
        />
      </View>
    );
  }
}

 enter image description here

0
snehal agrawal

Je suis d'accord avec les réponses ci-dessus mais cela produit le problème suivant au hasard

https://github.com/facebook/react-native/issues/18214

NullPointerException: tentez d'appeler la méthode virtuelle 'Android.graphics.drawable.Drawable Android.graphics.drawable.Drawable $ ConstantState.newDrawable (Android.content.res.Resources)

Alors je me lève avec une autre solution. J'ai ajouté le style editbox dans style.xml

<item name="Android:background">@Android:color/transparent</item>

--------------------------- Code complet --------------------- ---------------

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="Android:windowBackground">@color/backgroundcolor</item>
        <item name="Android:editTextStyle">@style/AppEditTextStyle</item>
    </style>
    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
        <item name="Android:background">@Android:color/transparent</item>
        <item name="Android:minHeight">40dp</item>
    </style>
0
Rajesh Nasit

J'ai trouvé un seul moyen de supprimer le soulignement du conteneur d'entrée:

<TextField
    placeholder="[email protected]" 
    InputProps={{ disableUnderline: true }}
/>
0
slavitto