Title: [BottomNavigation] Calling js method onSelectedPositionChange failed · Issue #8057 · NativeScript/NativeScript · GitHub
Open Graph Title: [BottomNavigation] Calling js method onSelectedPositionChange failed · Issue #8057 · NativeScript/NativeScript
X Title: [BottomNavigation] Calling js method onSelectedPositionChange failed · Issue #8057 · NativeScript/NativeScript
Description: Tell us about the problem JS: ERROR TypeError: Cannot read property 'length' of undefined System.err: An uncaught Exception occurred on "main" thread. System.err: Calling js method onSelectedPositionChange failed System.err: TypeError: C...
Open Graph Description: Tell us about the problem JS: ERROR TypeError: Cannot read property 'length' of undefined System.err: An uncaught Exception occurred on "main" thread. System.err: Calling js method onSelectedPositi...
X Description: Tell us about the problem JS: ERROR TypeError: Cannot read property 'length' of undefined System.err: An uncaught Exception occurred on "main" thread. System.err: Calling js metho...
Opengraph URL: https://github.com/NativeScript/NativeScript/issues/8057
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[BottomNavigation] Calling js method onSelectedPositionChange failed","articleBody":"### Tell us about the problem\r\n```\r\nJS: ERROR TypeError: Cannot read property 'length' of undefined\r\nSystem.err: An uncaught Exception occurred on \"main\" thread.\r\nSystem.err: Calling js method onSelectedPositionChange failed\r\nSystem.err: TypeError: Cannot read property 'android' of undefined\r\nSystem.err: \r\nSystem.err: StackTrace:\r\nSystem.err: push.../node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js.BottomNavigation.setTabBarItemColor(file:///node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js:496:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/tab-navigation-base/tab-strip-item/tab-strip-item.js:68:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/data/observable/observable.js.Observable.notify(file:///node_modules/tns-core-modules/data/observable/observable.js:110:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/core/properties/properties.js:852:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/core/properties/properties.js:862:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/tab-navigation-base/tab-strip-item/tab-strip-item.js.TabStripItem.eachChild(file:///node_modules/tns-core-modules/ui/tab-navigation-base/tab-strip-item/tab-strip-item.js:120:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/core/properties/properties.js:857:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/styling/style-scope.js.CssState.setPropertyValues(file:///node_modules/tns-core-modules/ui/styling/style-scope.js:472:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/styling/style-scope.js:381:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase._batchUpdate(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:279:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/styling/style-scope.js.CssState.updateDynamicState(file:///node_modules/tns-core-modules/ui/styling/style-scope.js:379:0)\r\nSystem.err: \tat CssState._onDynamicStateChangeHandler(file:///node_modules/tns-core-modules/ui/styling/style-scope.js:328:57)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/data/observable/observable.js.Observable.notify(file:///node_modules/tns-core-modules/data/observable/observable.js:110:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase.notifyPseudoClassChanged(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:319:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase.deletePseudoClass(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:345:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase._goToVisualState(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:595:0)\r\nSystem.err: \tat (file:///node_modules/tns-core-modules/ui/tab-navigation-base/tab-strip-item/tab-strip-item.js:151:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/data/observable/observable.js.Observable.notify(file:///node_modules/tns-core-modules/data/observable/observable.js:110:0)\r\nSystem.err: \tat push.../node_modules/tns-core-modules/data/observable/observable.js.Observable._emit(file:///node_modules/tns-core-modules/data/observable/observable.js:127:0)\r\nSystem.err: \tat BottomNavigationBarImplementation.onSelectedPositionChange(file:///node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js:87:0)\r\nSystem.err: \tat com.tns.Runtime.callJSMethodNative(Native Method)\r\nSystem.err: \tat com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1286)\r\nSystem.err: \tat com.tns.Runtime.callJSMethodImpl(Runtime.java:1173)\r\nSystem.err: \tat com.tns.Runtime.callJSMethod(Runtime.java:1160)\r\nSystem.err: \tat com.tns.Runtime.callJSMethod(Runtime.java:1138)\r\nSystem.err: \tat com.tns.Runtime.callJSMethod(Runtime.java:1134)\r\nSystem.err: \tat com.tns.gen.org.nativescript.widgets.BottomNavigationBar_vendor_123976_32_BottomNavigationBarImplementation.onSelectedPositionChange(BottomNavigationBar_vendor_123976_32_BottomNavigationBarImplementation.java:39)\r\nSystem.err: \tat org.nativescript.widgets.BottomNavigationBar.setSelectedPosition(BottomNavigationBar.java:274)\r\nSystem.err: \tat org.nativescript.widgets.BottomNavigationBar$TabClickListener.onClick(BottomNavigationBar.java:287)\r\nSystem.err: \tat android.view.View.performClick(View.java:6663)\r\nSystem.err: \tat android.view.View.performClickInternal(View.java:6635)\r\nSystem.err: \tat android.view.View.access$3100(View.java:794)\r\nSystem.err: \tat android.view.View$PerformClick.run(View.java:26199)\r\nSystem.err: \tat android.os.Handler.handleCallback(Handler.java:907)\r\nSystem.err: \tat android.os.Handler.dispatchMessage(Handler.java:105)\r\nSystem.err: \tat android.os.Looper.loop(Looper.java:216)\r\nSystem.err: \tat android.app.ActivityThread.main(ActivityThread.java:7625)\r\nSystem.err: \tat java.lang.reflect.Method.invoke(Native Method)\r\nSystem.err: \tat com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:524)\r\nSystem.err: \tat com.android.internal.os.ZygoteInit.main(ZygoteInit.java:987)\r\n```\r\n\r\n### Which platform(s) does your issue occur on?\r\nAndroid\r\n\r\n### Please provide the following version numbers that your issue occurs with:\r\n```\r\n[{\r\n \"nativescript\": {\r\n \"id\": \"org.nativescript.mrsincoquiz\",\r\n \"tns-android\": {\r\n \"version\": \"6.2.0\"\r\n },\r\n \"tns-ios\": {\r\n \"version\": \"6.1.0\"\r\n }\r\n },\r\n \"description\": \"NativeScript Application\",\r\n \"license\": \"SEE LICENSE IN \u003cyour-license-filename\u003e\",\r\n \"repository\": \"\u003cfill-your-repository-here\u003e\",\r\n \"scripts\": {\r\n \"lint\": \"tslint \\\"src/**/*.ts\\\"\"\r\n },\r\n \"dependencies\": {\r\n \"@angular/animations\": \"~8.2.0\",\r\n \"@angular/common\": \"~8.2.0\",\r\n \"@angular/compiler\": \"~8.2.0\",\r\n \"@angular/core\": \"~8.2.0\",\r\n \"@angular/forms\": \"~8.2.0\",\r\n \"@angular/platform-browser\": \"~8.2.0\",\r\n \"@angular/platform-browser-dynamic\": \"~8.2.0\",\r\n \"@angular/router\": \"~8.2.0\",\r\n \"json-object-mapper\": \"^1.6.0\",\r\n \"nativescript-angular\": \"~8.2.0\",\r\n \"nativescript-localstorage\": \"^1.1.5\",\r\n \"nativescript-material-cardview\": \"^2.5.4\",\r\n \"nativescript-theme-core\": \"~1.0.6\",\r\n \"reflect-metadata\": \"~0.1.12\",\r\n \"rxjs\": \"^6.4.0\",\r\n \"tns-core-modules\": \"^6.1.2\",\r\n \"zone.js\": \"~0.9.1\"\r\n },\r\n \"devDependencies\": {\r\n \"@angular/compiler-cli\": \"~8.2.0\",\r\n \"@ngtools/webpack\": \"~8.2.0\",\r\n \"codelyzer\": \"~4.5.0\",\r\n \"nativescript-dev-webpack\": \"~1.2.0\",\r\n \"node-sass\": \"^4.7.1\",\r\n \"tslint\": \"~5.19.0\",\r\n \"typescript\": \"~3.5.3\"\r\n },\r\n \"gitHead\": \"1964ea9e8ca1a0518e0d6370781eedcf6c23db42\",\r\n \"readme\": \"NativeScript Application\"\r\n}]\r\n\r\n```\r\n\r\n### Please tell us how to recreate the issue in as much detail as possible.\r\nWhen change tab position.\r\n\r\n### Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.\r\n[Archivo.zip](https://github.com/NativeScript/nativescript-ui-feedback/files/3799178/Archivo.zip)\r\n","author":{"url":"https://github.com/nericode","@type":"Person","name":"nericode"},"datePublished":"2019-11-01T18:42:24.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/8057/NativeScript/issues/8057"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:c690c513-eecc-8583-23c5-4eed42baecb4 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 81F2:1C9F8B:1DB9C2C:2910890:697286F1 |
| html-safe-nonce | c43597a207d687325b6a08aac3f12c3c1e4d5fd9a17b7cca1f1ab1a06c05f936 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4MUYyOjFDOUY4QjoxREI5QzJDOjI5MTA4OTA6Njk3Mjg2RjEiLCJ2aXNpdG9yX2lkIjoiMTkxODA1MjU1MjcyMDY4MDY4OSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 34334fb051436cde3a6376208cf3dc9f5c4b7d7bce5181bb607ec0fa4a1fea6c |
| hovercard-subject-tag | issue:517172902 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/8057/issue_layout |
| twitter:image | https://opengraph.githubassets.com/08c86161eae4cb732fc09bd4397b1b772b99912ebbf484991406cf1a0c3f0f05/NativeScript/NativeScript/issues/8057 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/08c86161eae4cb732fc09bd4397b1b772b99912ebbf484991406cf1a0c3f0f05/NativeScript/NativeScript/issues/8057 |
| og:image:alt | Tell us about the problem JS: ERROR TypeError: Cannot read property 'length' of undefined System.err: An uncaught Exception occurred on "main" thread. System.err: Calling js method onSelectedPositi... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | nericode |
| hostname | github.com |
| expected-hostname | github.com |
| None | 7631aa5e32c11c73e45f19f2aaeaa7e0305d2ec80414866e8b020f3c2144ccae |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 31492490 |
| octolytics-dimension-repository_nwo | NativeScript/NativeScript |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 31492490 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/NativeScript |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 40f44656d2185a364dd710032a2e10ee2f1d7e20 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width