Android API 23 - DatePickerField does not appear

[ahmadsha7]

Which platform(s) does your issue occur on?

• Platform: Android
• Android Version: 6.0, Marshmellow, API 23
• Emulator: Samsung Galaxy A3 (2016)

Please, provide the following version numbers that your issue occurs with:

• CLI: 6.1.0
• Cross-platform modules: ^6.1.1
• Runtime(s): Both 6.1.1
• Plugin(s):

 "dependencies": {
    "@vue/devtools": "^5.1.1",
    "nativescript-auth0": "^3.0.1",
    "nativescript-datetimepicker": "^1.2.1",
    "nativescript-socketio": "^3.3.1",
    "nativescript-theme-core": "^2.0.21",
    "nativescript-toasty": "^1.4.0",
    "nativescript-vue": "^2.4.0",
    "nativescript-vue-devtools": "^1.2.0",
    "tns-core-modules": "^6.1.1"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "babel-loader": "^8.0.2",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.2",
    "css-loader": "^1.0.0",
    "lazy": "1.0.11",
    "nativescript-dev-webpack": "^1.2.0",
    "nativescript-vue-template-compiler": "^2.0.0",
    "nativescript-worker-loader": "~0.9.0",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.1.0",
    "terser-webpack-plugin": "^1.1.0",
    "vue-loader": "^15.2.6",
    "webpack": "^4.16.4",
    "webpack-bundle-analyzer": "~2.13.1",
    "webpack-cli": "^3.1.0"
  }
}

Please, tell us how to recreate the issue in as much detail as possible.

The DatePickerField does not appear on the screen...

Is there any code involved?

I'm using nativescript-vue

<template>
  <Page>
    <StackLayout>
      <DatePickerField
        hint="Select Date"
        dateFormat="EE, MMM dd YYYY"
        @dateChange="onDateTap"
      />
    </StackLayout>
  </Page>
</template>

<script>
export default {
    data() {
      return {
        dateValue: ""
      }
    },
    methods: {
      onDateTap(args) {
        this.dateValue = args.value;
      },
    }
}
</script>

this is the error on the phone when i press the backbutton:

An uncaught Exception occurred on "main" thread.
Calling js method run failed
Error: java.lang.NullPointerException: Attempt to write to field 'android.view.View org.nativescript.widgets.MeasureSpecs.child' on a null object reference
    org.nativescript.widgets.GridLayout.removeFromMap(GridLayout.java:229)
    org.nativescript.widgets.GridLayout.removeView(GridLayout.java:135)
    com.tns.Runtime.callJSMethodNative(Native Method)
    com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1209)
    com.tns.Runtime.callJSMethodImpl(Runtime.java:1096)
    com.tns.Runtime.callJSMethod(Runtime.java:1083)
    com.tns.Runtime.callJSMethod(Runtime.java:1063)
    com.tns.Runtime.callJSMethod(Runtime.java:1055)
    com.tns.gen.java.lang.Runnable.run(Runnable.java:17)
    android.os.Handler.handleCallback(Handler.java:739)
    android.os.Handler.dispatchMessage(Handler.java:95)
    android.os.Looper.loop(Looper.java:148)
    android.app.ActivityThread.main(ActivityThread.java:5417)
    java.lang.reflect.Method.invoke(Native Method)
    com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:726)
    com.android.internal.os.ZygoteInit.main(ZygoteInit.java:616)

StackTrace:
	CustomLayoutView._removeViewFromNativeVisualTree(file:///data/data/APPID/files/app/vendor.js:96324:18)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93607:19)
	at (file:///data/data/APPID/files/app/vendor.js:93601:13)
	at LayoutBaseCommon.eachChildView(file:///data/data/APPID/files/app/vendor.js:104731:20)
	at ViewCommon.eachChild(file:///data/data/APPID/files/app/vendor.js:95053:10)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93600:10)
	at (file:///data/data/APPID/files/app/vendor.js:93601:13)
	at LayoutBaseCommon.eachChildView(file:///data/data/APPID/files/app/vendor.js:104731:20)
	at ViewCommon.eachChild(file:///data/data/APPID/files/app/vendor.js:95053:10)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93600:10)
	at (file:///data/data/APPID/files/app/vendor.js:93601:13)
	at LayoutBaseCommon.eachChildView(file:///data/data/APPID/files/app/vendor.js:104731:20)
	at ViewCommon.eachChild(file:///data/data/APPID/files/app/vendor.js:95053:10)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93600:10)
	at (file:///data/data/APPID/files/app/vendor.js:93601:13)
	at ContentView.eachChildView(file:///data/data/APPIDn/files/app/vendor.js:90699:7)
	at ViewCommon.eachChild(file:///data/data/APPID/files/app/vendor.js:95053:10)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93600:10)
	at (file:///data/data/APPID/files/app/vendor.js:93601:13)
	at ContentView.eachChildView(file:///data/data/APPID/files/app/vendor.js:90699:7)
	at PageBase.eachChildView(file:///data/data/APPID/files/app/vendor.js:106198:36)
	at ViewCommon.eachChild(file:///data/data/APPID/files/app/vendor.js:95053:10)
	at ViewBase._tearDownUI(file:///data/data/APPID/files/app/vendor.js:93600:10)
	at ViewBase._removeViewCore(file:///data/data/APPID/files/app/vendor.js:93483:12)
	at ViewBase._removeView(file:///data/data/APPID/files/app/vendor.js:93472:10)
	at FrameBase._removeEntry(file:///data/data/APPID/files/app/vendor.js:99436:13)
	at Frame._removeEntry(file:///data/data/APPID/files/app/vendor.js:100532:35)
	at FrameBase._updateBackstack(file:///data/data/APPID/files/app/vendor.js:99524:12)
	at Frame.setCurrent(file:///data/data/APPID/files/app/vendor.js:100373:12)
	at (file:///data/data/APPID/files/app/vendor.js:99204:24)
	at invoke(file:///data/data/APPID/files/app/vendor.js:85768:21)
	at run(file:///data/data/APPID/files/app/vendor.js:85774:7)
	at com.tns.Runtime.callJSMethodNative(Native Method)
	at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1209)
	at com.tns.Runtime.callJSMethodImpl(Runtime.java:1096)
	at com.tns.Runtime.callJSMethod(Runtime.java:1083)
	at com.tns.Runtime.callJSMethod(Runtime.java:1063)
	at com.tns.Runtime.callJSMethod(Runtime.java:1055)
	at com.tns.gen.java.lang.Runnable.run(Runnable.java:17)
	at android.os.Handler.handleCallback(Handler.java:739)
	at android.os.Handler.dispatchMessage(Handler.java:95)
	at android.os.Looper.loop(Looper.java:148)
	at android.app.ActivityThread.main(ActivityThread.java:5417)
	at java.lang.reflect.Method.invoke(Native Method)
	at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:726)
	at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:616)
Caused by: java.lang.NullPointerException: Attempt to write to field 'android.view.View org.nativescript.widgets.MeasureSpecs.child' on a null object reference
	at org.nativescript.widgets.GridLayout.removeFromMap(GridLayout.java:229)
	at org.nativescript.widgets.GridLayout.removeView(GridLayout.java:135)
	... 14 more

[elena-p]

@ahmadshahrour951,

dateFormat="EE, MMM dd YYYY" is not correct format, it should be "EE, MMM dd yyyy".
All plugin demos (including vue.js one) run properly on android api 23.
I will mark this issue as question. If you isolate a bug in the plugin, please open another issue and share a sample app.

[support]

👋 @ahmadshahrour951, we use the issue tracker exclusively for bug reports and feature requests. However, this issue appears to be a support request. Please, use Stackoverflow to get help.