No options on how to remove the clear button on the TextInput component?

[DSvinka]

No options on how to remove the clear button on the TextInput component?

This button is causing issues for me while styling the login page in my application. It enlarges along with the text, resulting in very little space. Reducing the text size is not an option as it would require scaling the entire design.

The following styles are applied to the my TextInput:

textInput: {
    borderStyle: 'solid',
    borderWidth: 7,
    borderColor: '#2C2C2C',
    fontSize: 65,
    textAlign: 'center',
    color: '#FFFFFF',
    textShadowColor: 'rgba(0, 0, 0, 0.25)',
    backgroundColor: '#1C1A1A',
}

The clearButtonMode={"never"} parameter doesn't help.

[chrisglein]

I believe this is a relevant issue for you: #4080
Had you tried clearButtonMode and had it not work? Or were looking for that prop?

[josetr]

@chrisglein I just tried clearButtonMode, and it doesn't work.

@DSvinka is textAlign: center actually working for you? because I can't get it to work. I'm using 'react-native-windows' 0.73.4.

Maybe it works if I were to use --useWinUI3?