René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[Tabs][BottomNavigation] Crash with TabStrip configured in code-behind","articleBody":"**Environment**\r\n - CLI: 6.0.3\r\n - Cross-platform modules: 6.1.0-next-2019-08-18-231654-03\r\n - iOS Runtime: 6.1.0-2019-08-15-135151-01\r\n\r\nThe problem is related to incorrect handling of a scenario where TabStrip and TabStripItems are created dynamically in code behind. The issue is reproducible only on iOS. Error:\r\n```\r\nCONSOLE INFO file:///node_modules/nativescript-dev-webpack/hot.js:3:0 HMR: Hot Module Replacement Enabled. Waiting for signal.\r\nCONSOLE LOG file:///app/ns-ui-widgets-category/tabs/properties/properties-page.js:96:0 \u003e\u003e\u003e Loaded [Content 1]\r\nCONSOLE LOG file:///app/ns-ui-widgets-category/tabs/properties/properties-page.js:96:0 \u003e\u003e\u003e Loaded [Content 2]\r\nCONSOLE LOG file:///app/ns-ui-widgets-category/tabs/properties/properties-page.js:96:0 \u003e\u003e\u003e Loaded [Content 3]\r\nCONSOLE LOG file:///app/ns-ui-widgets-category/tabs/properties/properties-page.js:41:0 tabs.nativeView:  \u003c_UIPageViewControllerContentView: 0x7fb6e7647bc0; frame = (0 0; 375 812); clipsToBounds = YES; opaque = NO; autoresize = W+H; layer = \u003cCALayer: 0x6000019bbd40\u003e\u003e\r\n***** Fatal JavaScript exception - application has been terminated. *****\r\nNative stack trace:\r\n1   0x1015e362a NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool)\r\n2   0x10161d108 NativeScript::FFICallback\u003cNativeScript::ObjCMethodCallback\u003e::ffiClosureCallback(ffi_cif*, void*, void**, void*)\r\n3   0x101fc3a86 ffi_closure_unix64_inner\r\n4   0x101fc44aa ffi_closure_unix64\r\n5   0x10558bd22 -[CALayer layoutSublayers]\r\n6   0x1055909fc CA::Layer::layout_if_needed(CA::Transaction*)\r\n7   0x10559cd58 CA::Layer::layout_and_display_if_needed(CA::Transaction*)\r\n8   0x10550c24a CA::Context::commit_transaction(CA::Transaction*)\r\n9   0x105543606 CA::Transaction::commit()\r\n10  0x1062ea99c _afterCACommitHandler\r\n11  0x1048c52c7 __CFRUNLOOP_IS_CALLING_OUT_TO_AN_OBSERVER_CALLBACK_FUNCTION__\r\n12  0x1048bf78e __CFRunLoopDoObservers\r\n13  0x1048bfe01 __CFRunLoopRun\r\n14  0x1048bf4d2 CFRunLoopRunSpecific\r\n15  0x10baca2fe GSEventRunModal\r\n16  0x1062c2fc2 UIApplicationMain\r\n17  0x101fc42ed ffi_call_unix64\r\n18  0x118c5a870\r\nJavaScript stack trace:\r\nviewDidLayoutSubviews(file:///node_modules/tns-core-modules/ui/tabs/tabs.js:103:0\r\nat UIApplicationMain([native code])\r\nat _start(file:///node_modules/tns-core-modules/application/application.js:286:0\r\nat run(file:///node_modules/tns-core-modules/application/application.js:314:0\r\nat file:///app/bundle.js:1131:65\r\nat ./app.ts(file:///app/bundle.js:1143:34)\r\nat __webpack_require__(file:///app/webpack/bootstrap:750:0\r\nat checkDeferredModules(file:///app/webpack/bootstrap:43:0\r\nat webpackJsonpCallback(file:///app/webpack/bootstrap:30:0\r\nat anonymous(file:///app/bundle.js:2:61)\r\nat evaluate([native code])\r\nat moduleEvaluation([native code])\r\nat promiseReactionJob([native code])\r\nJavaScript error:\r\nfile:///node_modules/tns-core-modules/ui/tabs/tabs.js:103:0 JS ERROR TypeError: undefined is not an object (evaluating 'this.tabBar.frame')\r\nNativeScript caught signal 11.\r\nNative Stack:\r\n1   0x10162b2bf sig_handler(int)\r\n2   0x105278b5d _sigtramp\r\n3   0x0\r\n4   0x1051beb4d libunwind::UnwindCursor\u003clibunwind::LocalAddressSpace, libunwind::Registers_x86_64\u003e::step()\r\n5   0x1051c2e4c _Unwind_RaiseException\r\n6   0x104d9b4aa __cxa_throw\r\n7   0x1037b2bfa _objc_exception_destructor(void*)\r\n8   0x1015e3a08 NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool)\r\n9   0x10161d108 NativeScript::FFICallback\u003cNativeScript::ObjCMethodCallback\u003e::ffiClosureCallback(ffi_cif*, void*, void**, void*)\r\n10  0x101fc3a86 ffi_closure_unix64_inner\r\n11  0x101fc44aa ffi_closure_unix64\r\n12  0x10558bd22 -[CALayer layoutSublayers]\r\n13  0x1055909fc CA::Layer::layout_if_needed(CA::Transaction*)\r\n14  0x10559cd58 CA::Layer::layout_and_display_if_needed(CA::Transaction*)\r\n15  0x10550c24a CA::Context::commit_transaction(CA::Transaction*)\r\n16  0x105543606 CA::Transaction::commit()\r\n17  0x1062ea99c _afterCACommitHandler\r\n18  0x1048c52c7 __CFRUNLOOP_IS_CALLING_OUT_TO_AN_OBSERVER_CALLBACK_FUNCTION__\r\n19  0x1048bf78e __CFRunLoopDoObservers\r\n20  0x1048bfe01 __CFRunLoopRun\r\n21  0x1048bf4d2 CFRunLoopRunSpecific\r\n22  0x10baca2fe GSEventRunModal\r\n23  0x1062c2fc2 UIApplicationMain\r\n24  0x101fc42ed ffi_call_unix64\r\n25  0x118c5a870\r\nJS Stack:\r\nUIApplicationMain([native code])\r\nat _start(file:///node_modules/tns-core-modules/application/application.js:286:0\r\nat run(file:///node_modules/tns-core-modules/application/application.js:314:0\r\nat file:///app/bundle.js:1131:65\r\nat ./app.ts(file:///app/bundle.js:1143:34)\r\nat __webpack_require__(file:///app/webpack/bootstrap:750:0\r\nat checkDeferredModules(file:///app/webpack/bootstrap:43:0\r\nat webpackJsonpCallback(file:///app/webpack/bootstrap:30:0\r\nat anonymous(file:///app/bundle.js:2:61)\r\nat evaluate([native code])\r\nat moduleEvaluation\r\nat promiseReactionJob\r\n\r\n```\r\nThe problem can be reproduced with [nativescript-sdk-examples-js](https://github.com/NativeScript/nativescript-sdk-examples-js) app with [properties example](https://github.com/NativeScript/nativescript-sdk-examples-js/tree/master/app/ns-ui-widgets-category/tabs/properties). Might be related to [PR#7580](https://github.com/NativeScript/NativeScript/pull/7580).","author":{"url":"https://github.com/tsonevn","@type":"Person","name":"tsonevn"},"datePublished":"2019-08-19T11:29:17.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/7692/NativeScript/issues/7692"}