How to set react-native keyboard theme to dark

Question

Trying to set keyboardType on a TextInput with the dark keyboard theme, how do you do this in React Native?

It is not yet supported but if you need it, it would be fairly straightforward to implement keyboardAppearance. — ide
– ide, Commented May 13, 2015 at 5:39

Rajendran Nadar · Accepted Answer · 2022-03-08 16:08:46Z

15

It is now supported for iOS.

Rajendran Nadar

5,4784 gold badges37 silver badges56 bronze badges

answered Oct 24, 2016 at 4:32

ryan0

1,52217 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Does somebody know about the decision for Android?

Akshay I · Accepted Answer · 2020-08-26 10:33:20Z

8

you can set keyboardAppearance in Textinput for change theme 'default', 'light', 'dark'

<TextInput
    keyboardAppearance='dark'
/>

answered Aug 26, 2020 at 10:33

Akshay I

4,2551 gold badge41 silver badges62 bronze badges

Firas Kedidi · Accepted Answer · 2020-08-26 10:29:07Z

-1

you can just change the color in style to black in the textInput style color:'black'

answered Aug 26, 2020 at 10:29

Firas Kedidi

311 silver badge6 bronze badges

this is just change text color in textinput box. for keyboard color change need to set keyboardAppearance in textinput