NativeScript: ActionBar color iOS - application terminated

Did you verify this is a real problem by searching the NativeScript Forum and the other open issues in this repo?

There is this on stackoverflow but no answer.

Tell us about the problem

***** Fatal JavaScript exception - application has been terminated. *****
Native stack trace:
1   0x10510f649 NativeScript::reportFatalErrorBeforeShutdown(JSC::ExecState*, JSC::Exception*, bool)
2   0x105137c5b NativeScript::FFICallback<NativeScript::ObjCMethodCallback>::ffiClosureCallback(ffi_cif*, void*, void**, void*)
3   0x105a2d5c1 ffi_closure_unix64_inner
4   0x105a2df22 ffi_closure_unix64
5   0x1069005cf -[UIViewController __viewWillAppear:]
6   0x10692bcfc -[UINavigationController _startCustomTransition:]
7   0x106942582 -[UINavigationController _startDeferredTransitionIfNeeded:]
8   0x10694386c -[UINavigationController __viewWillLayoutSubviews]
9   0x106b9bd0b -[UILayoutContainerView layoutSubviews]
10  0x1068257a8 -[UIView(CALayerDelegate) layoutSublayersOfLayer:]
11  0x10ab58456 -[CALayer layoutSublayers]
12  0x10ab5c667 CA::Layer::layout_if_needed(CA::Transaction*)
13  0x10aae30fb CA::Context::commit_transaction(CA::Transaction*)
14  0x10ab1079c CA::Transaction::commit()
15  0x10ab1151a CA::Transaction::observer_callback(__CFRunLoopObserver*, unsigned long, void*)
16  0x10a56c607 __CFRUNLOOP_IS_CALLING_OUT_TO_AN_OBSERVER_CALLBACK_FUNCTION__
17  0x10a56c55e __CFRunLoopDoObservers
18  0x10a550b81 __CFRunLoopRun
19  0x10a55030b CFRunLoopRunSpecific
20  0x10d6fca73 GSEventRunModal
21  0x106756057 UIApplicationMain
22  0x105a2dd7d ffi_call_unix64
23  0x130db76b0
JavaScript stack trace:
1   @file:///app/tns_modules/tns-core-modules/ui/action-bar/action-bar.js:328:19
2   applyAllNativeSetters@file:///app/tns_modules/tns-core-modules/ui/core/properties/properties.js:977:37
3   initNativeView@file:///app/tns_modules/tns-core-modules/ui/core/properties/properties.js:904:30
4   onResumeNativeUpdates@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:627:36
5   _resumeNativeUpdates@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:272:39
6   onLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:231:34
7   @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:98
8   callFunctionWithSuper@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:304:13
9   callLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:35
10  loadView@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:439:28
11  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:233:27
12  eachChildView@file:///app/tns_modules/tns-core-modules/ui/page/page-common.js:122:21
13  eachChild@file:///app/tns_modules/tns-core-modules/ui/core/view/view-common.js:868:27
14  onLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:232:23
15  onLoaded@file:///app/tns_modules/tns-core-modules/ui/page/page.js:198:39
16  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:98
17  callFunctionWithSuper@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:304:13
18  callLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:35
19  loadView@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:439:28
20  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:233:27
21  eachChildView@file:///app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js:125:34
22  eachChild@file:///app/tns_modules/tns-core-modules/ui/core/view/view-common.js:868:27
23  onLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:232:23
24  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:98
25  callFunctionWithSuper@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:304:13
26  callLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:35
27  loadView@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:439:28
28  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:233:27
29  eachChildView@file:///app/tns_modules/tns-core-modules/ui/content-view/content-view.js:70:21
30  eachChildView@file:///app/tns_modules/tns-core-modules/ui/page/page-common.js:120:44
31  eachChild@file:///app/tns_modules/tns-core-modules/ui/core/view/view-common.js:868:27
32  onLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:232:23
33  onLoaded@file:///app/tns_modules/tns-core-modules/ui/page/page.js:198:39
34  @file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:98
35  callFunctionWithSuper@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:304:13
36  callLoaded@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:311:35
37  loadView@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:439:28
38  _addViewCore@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:434:26
39  _addView@file:///app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js:420:26
40  viewWillAppear@file:///app/tns_modules/tns-core-modules/ui/page/page.js:69:31
41  UIApplicationMain@[native code]
42  start@file:///app/tns_modules/tns-core-modules/application/application.js:264:26
43  run@file:///app/tns_modules/tns-core-modules/application/application.js:284:10
44  bootstrapNativeScriptApp@file:///app/tns_modules/nativescript-angular/platform-common.js:157:26
45  bootstrapApp@file:///app/tns_modules/nativescript-angular/platform-common.js:91:38
46  bootstrapModule@file:///app/tns_modules/nativescript-angular/platform-common.js:80:26
47  anonymous@file:///app/main.js:11:57
48  evaluate@[native code]
49  moduleEvaluation@[native code]
50  @[native code]
51  promiseReactionJob@[native code]
JavaScript error:
file:///app/tns_modules/tns-core-modules/ui/action-bar/action-bar.js:328:19: JS ERROR TypeError: undefined is not an object (evaluating 'navBar.tintColor = color.ios')

Which platform(s) does your issue occur on?

iOS only

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

• CLI: 4.1.2
• Cross-platform modules: 4.1.0
• Runtime(s): 4.1.1

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

Put this in a sass file

ActionBar {
    text-align: center;
    horizontal-align: center;
    color: white;
}