时间戳

首页 > 解决方案 > TextInput 在文本后面放置一个自动黄色“突出显示”

javascript - TextInput 在文本后面放置一个自动黄色“突出显示”

问题描述

我有一个简单的文本输入。但是当我点击建议的电子邮件时，我的文本周围会出现一个颜色突出显示。我怎样才能解决这个问题？

这是截图

空输入

用文字输入

<View style={styles.container}>
   {iconName && <Entypo name={iconName} size={20} color={colors.medium} style={styles.icon} />}
    <TextInput
    style={styles.textInput} {...otherProps}  />
</View>


const styles = StyleSheet.create({
    container:{
        backgroundColor:colors.lightGray,
        borderRadius:25,
        width:'100%',
        padding:15,
        lineHeight:0,
        marginVertical:10,
        flexDirection:"row",
        alignItems:"center"
    },
    icon:{
        marginRight:10,
    },
    textInput:{
        
        fontSize:18,
        color:colors.darkGray,
        width:'90%',
        
    }
})

标签： javascriptreactjsreact-native

解决方案

现在写，Expo工作流无法删除选择建议时出现的背景颜色。

但是，如果你愿意，你可以关闭importantForAutofill以避免建议。

像这样

<TextInput
    placeholder="Enter Email"
    style={{
       borderColor: 'black',
       borderWidth: 1,
       padding: 10,
       backgroundColor: 'transparent',
    }}
    keyboardType="email-address"
    autoCompleteType="email"
    importantForAutofill="no" // this can help a little
/>

但如果你在一个Bare Workflow那么这可以帮助。

目前在世博管理中不可能..

推荐阅读