How to force disable iOS dark mode in React Native

Question

The new iOS 13 update introduces an optional system-wide. This causes e.g. the StatusBar to have light text, which might become unreadable on a white background. It also breaks the iOS Datetime Picker (see DatePickerIOS or react-native-modal-datetime-picker)

Answer 1

The solution is to either

1. add this to your Info.plist file:

    <key>UIUserInterfaceStyle</key>     <string>Light</string> 

OR

2. Add this to your AppDelegate.m:

    if (@available(iOS 13.0, *)) {         rootView.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;     } 

Answer 2

In your app.json file add:

{   "expo": {      ...      "ios": {       "infoPlist": {         "UIUserInterfaceStyle": "Light"       }     }, }