TypeError: null is not an object evaluating '_reactNative.NativeModules.RNDateTimePickerManager.getDefaultDisplayValue'

Question

I am not sure if this is an error from my code or it's from the react-native-datetimepicker.

Here's how I am using it in my code:

{show && (
  <>
    <DateTimePicker
      value={date}
      mode={mode}
      is24Hour={true}
      onChange={dateOnChange}
    />
    <Button
      title="Submit"
      onPress={() => {
        setShow(false);
      }}
    />
  </>
)}

show is a state, controlled by its mother component. When it's true, the DateTimePicker will show.

Here's a more detailed log of the bug:

I am using expo btw

Can you please post your code to show how are you using that package? — Sameer Kumar Jain, Oct 02 '20 at 01:40
@SaachiTech it's kind of long to abbreviate, but I can try. I essentially just choose to show the component based on a condition that's controlled by its root component. — Eddie Lam, Oct 02 '20 at 01:44
If its an expo project then I think, not entirely sure, that either you will need to eject it in order to use this module or use an alternate module provided by the expo — Sameer Kumar Jain, Oct 02 '20 at 03:57

score 3 · Answer 1 · answered Oct 21 '20 at 13:01

3

If you are using expo, this issue occurs if you a running your app on a device that is running on iOS 14.

To fix it, add a display prop on the date picker just like the example below:

<RNDateTimePicker display="inline" />

answered Oct 21 '20 at 13:01

Marcelo Dauane

313
3
9

Anhdevit · Answer 2 · 2020-10-02T02:18:06.120

1

Try this command

npx pod-install

edited Oct 02 '20 at 02:18

answered Oct 02 '20 at 02:06

Anhdevit

1,926
2
16
29

Where `ios` ios located? – Eddie Lam Oct 02 '20 at 02:09
I added image for you – Anhdevit Oct 02 '20 at 02:12
are the ones hightlighted in blue hidden? I can't see them with `ls` – Eddie Lam Oct 02 '20 at 02:14
I am using `expo` btw – Eddie Lam Oct 02 '20 at 02:15
Hmmm If you using expo try to run npx pod-install – Anhdevit Oct 02 '20 at 02:18
I got CocaoPods not supported in this project – Eddie Lam Oct 02 '20 at 02:21
https://stackoverflow.com/questions/62424698/npx-pod-install-returns-cocoapods-is-not-supported-in-this-project – Anhdevit Oct 02 '20 at 02:23

score 0 · Answer 3 · answered Aug 08 '22 at 11:19

Following the code helps me to resolve my issue.

jest.mock('@react-native-community/datetimepicker', function () {
    const mockComponent = require('react-native/jest/mockComponent')
    return mockComponent('@react-native-community/datetimepicker')
})

A found solution from here

https://github.com/react-native-datetimepicker/datetimepicker/issues/216#issuecomment-741794280

TypeError: null is not an object evaluating '_reactNative.NativeModules.RNDateTimePickerManager.getDefaultDisplayValue'

I am using expo btw

3 Answers3