rhanb / nativescript-bottombar

Fancy bottom bar for NativeScript :smile: :beers:

NativeScript BottomBar 🍻🔥🇫🇷

NativeScript plugin for BottomNavigationView and UITabBar.

PS: To have a material design on iOS too, free to use the plugin nativescript-bottom-navigation

No third libraries are used in this plugin, wich means this plugin is lightweight because only javascript files will be added to your app.

iOS	Android

Installation

tns plugin add nativescript-bottombar@next

Usage

API documentation

• Angular
• Vue
• {N} core

Common Usage

Icons

The properties icon and checkedIcon supports the following path formats:

• ~/: relative path to the app folder
• res://: icons must be in the App_Resources folder as follow

iOS	Android

Ripple effect color on Android

To change the color of the ripple effect when an item is tapped, please add the following item to your AppTheme inside your App_Resources > Android > src > main > res > values > styles.xml file with the desired color resource.

<!-- Application theme -->
<style name="AppTheme" parent="AppThemeBase">
    <item name="colorControlHighlight">@color/ns_accent</item>
</style>

Android support

You will need Support Library APIs v28 installed on your developer machine to be able to successfully use this plugin. If you already use the latest {N} version 5.0, you should be good to go.

More details

API documentation

TODO

• Allow to hide/show the BottomBar
• Expose more BottomBarItem customisation (font, position, etc..)
• Expose selection indicator on iOS
• Implement more unit tests and e2e tests

nativescript-bottombar's Issues

Examples without Angular and TypeScript

Great work! There is some example without angular?
Improve documentation with examples without Angular and TypeScript.

tabSelected event doesnt work on JS version

tabSelected event doesnt work on JS version.

<btn:BottomBar row="1" tabSelected="tabSelect" loaded="tabLoaded" items="{{items}}">
</btn:BottomBar>

var viewModel = observableModule.fromObject({
    items:[
        new bottombar.BottomBarItem(0, "Yakınımda", "ic_action_pin_drop", "#8BC34A"),
        new bottombar.BottomBarItem(1, "Arama", "ic_action_search", "#8BC34A"),
        new bottombar.BottomBarItem(2, "Etkinliklerim", "ic_action_event", "#8BC34A"),
        new bottombar.BottomBarItem(3, "Profil", "ic_action_person", "#8BC34A"),
    ]
});


exports.tabLoaded = function(args) {
    var _bar = args.object
    // console.log('tabLoaded');
}

exports.tabSelect = function(args){
    console.log('tabSelected');
}

Can't reset selectedItem when re-logging in

node v6.9.0
tns 3.0.1
[email protected]

Ok I have setup the bottom bar without much problem and it works as expected. Except with the current flow.

1. Start at LOGIN page, bottombar is not displayed, use login credentials
2. At HOME page, bottombar is displayed, HOME is highlighted (being the first entry)
3. Tap LOGUT at bottombar (3rd entry) and get back to LOGIN page.
4. Back at LOGIN page, bottombar is not displayed. Use login credentials again
5. At HOME page, bottombar is displayed, LOGOUT is highlighted

As additional info tapping HOME while logout triggers tabSelected, but does't refresh the page. Using this._bar.selectItem(0); when pressing LOGOUT does nothing.

Question: Updating Notification

How can I update notification count after component rendered?

Error: Uncaught (in promise): Current componentRef is different for cached componentRef / Cannot read property ‘componentRef’ of undefined

Hi,

In Bottombar, i tried to navigate different components based on menus in bottombar.
Navigation code -
tabSelected(args: SelectedIndexChangedEventData) { switch(args.newIndex){ case 1: this.router.navigate(["/ipfresults"]); break; case 2: this.router.navigate(["/ifindings"]); break; }}
After the main page loading, the bottombar menus navigation works fine for first time. Once i comeback to main page, Afterwards navigate to further menus not working.

Back option code to main page,
public goBack() { this.routerExtensions.back(); // this.routerExtensions.backToPreviousPage(); }

And while try to select each menus again its throws follows error.
Error log 1 -
JS: 2 JS: ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'componentRef' of undefined JS: TypeError: Cannot read property 'componentRef' of undefined JS: at PageRouterOutlet.deactivate (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/nat ivescript-angular/router/page-router-outlet.js:104:39) JS: at ActivateRoutes.deactiveRouteAndOutlet (file:///data/data/org.nativescript.IFSapp/files/app/tns_m odules/@angular/router/bundles/router.umd.js:4578:20) JS: at ActivateRoutes.deactiveRouteAndItsChildren (file:///data/data/org.nativescript.IFSapp/files/app/ tns_modules/@angular/router/bundles/router.umd.js:4538:18) JS: at ActivateRoutes.deactivateRoutes (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules /@angular/router/bundles/router.umd.js:4467:22) JS: at file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angular/router/bundles/router.u md.js:4429:19 JS: at Array.forEach (native) JS: at ActivateRoutes.deactivateChildRoutes (file:///data/data/org.nativescript.IFSapp/files/app/tns_mo dules/@angular/router/bundles/router.umd.js:4428:29) JS: at ActivateRoutes.activate (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angula r/router/bundles/router.umd.js:4415:14) JS: at file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angular/router/bundles/router.u md.js:4034:22 JS: at SafeSubscriber._next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Obser vable.js:110:21) JS: at SafeSubscriber.__tryOrSetError (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/ rxjs/Subscriber.js:247:16) JS: at SafeSubscriber.next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscr iber.js:187:27) JS: at Subscriber._next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscribe r.js:125:26) JS: at Subscriber.next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscriber .js:89:18) JS: at MapSubscriber._next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/operat or/map.js:83:26)

Error log 2-
JS: 2 JS: ERROR Error: Uncaught (in promise): Error: Current componentRef is different for cached componentRef JS: Error: Current componentRef is different for cached componentRef JS: at PageRouterOutlet.deactivate (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/nat ivescript-angular/router/page-router-outlet.js:106:23) [angular] JS: at ActivateRoutes.deactiveRouteAndOutlet (file:///data/data/org.nativescript.IFSapp/files/app/tns_m odules/@angular/router/bundles/router.umd.js:4578:20) [angular] JS: at ActivateRoutes.deactiveRouteAndItsChildren (file:///data/data/org.nativescript.IFSapp/files/app/ tns_modules/@angular/router/bundles/router.umd.js:4538:18) [angular] JS: at ActivateRoutes.deactivateRoutes (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules /@angular/router/bundles/router.umd.js:4467:22) [angular] JS: at file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angular/router/bundles/router.u md.js:4429:19 [angular] JS: at Array.forEach (native) [angular] JS: at ActivateRoutes.deactivateChildRoutes (file:///data/data/org.nativescript.IFSapp/files/app/tns_mo dules/@angular/router/bundles/router.umd.js:4428:29) [angular] JS: at ActivateRoutes.activate (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angula r/router/bundles/router.umd.js:4415:14) [angular] JS: at file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/@angular/router/bundles/router.u md.js:4034:22 [angular] JS: at SafeSubscriber._next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Obser vable.js:110:21) [angular] JS: at SafeSubscriber.__tryOrSetError (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/ rxjs/Subscriber.js:247:16) [angular] JS: at SafeSubscriber.next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscr iber.js:187:27) [angular] JS: at Subscriber._next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscribe r.js:125:26) [angular] JS: at Subscriber.next (file:///data/data/org.nativescript.IFSapp/files/app/tns_modules/rxjs/Subscriber .js:89:18) [angular]

Why its happening? Please suggest!!!
And also i have raised the topic about this on here.

Thanks in advance.

Error if notification is null

Hello,
if I create an item on Android (branch 2.x) with no notification, createItems complains about it being null, I think a check should be added in this code before building the notification:

private createItems(items: BottomBarItem[]) {

        this.nativeView.removeAllItems();
        items.forEach((item, idx, aar) => {
            this.items[idx] = new BottomBarItem(item.index, item.title, item.icon, item.color, item.notification, new WeakRef(this));
            let icon1 = new BitmapDrawable(fromResource(item.icon).android);
            let item1 = new AHBottomNavigationItem(item.title, icon1, new Color(item.color).android);
            this.nativeView.addItem(item1);
            let newNotification = new AHNotification.Builder()
                .setText(item.notification.value)
                .setBackgroundColor(new Color(item.notification.backgroundColor).android)
                .setTextColor(new Color(item.notification.textColor).android)
                .build();
            this.nativeView.setNotification(newNotification, idx)
        });

        this.nativeView.setCurrentItem(this.selectedIndex);
    }

I can see the same code in both 2.x and 3.x branches...

Dem

Possibility to unselect item

Hello, is somehow possible to remove active state from all bottom bar items?

Icon fonts as a Bottombar icons instead of icon resources

If i tried with icon fonts as bottombar icons means, i got encountered with error.

So is it possible? If yes, then how can i use?

Nativescript-bttombar not compatible with Nativescript 3.0

Hi,
I've been trying to implement bottombar with my nativescript 3.0 release client based app.
It doesn't seem to be compatible yet as some of the class names have been renamed in the release candidate. Are there any plans to update the plugin to be compatible with nativescript 3.0?

Thank you,
Tegan

If this plugin support nativescript javasscript version?

`var Observable = require ("data/observable");
var BottomBar = require ("nativescript-bottombar").BottomBar;
var BottomBarItem = require ("nativescript-bottombar").BottomBarItem;
var TITLE_STATE = require ("nativescript-bottombar").TITLE_STATE;
var SelectedIndexChangedEventData = require ("nativescript-bottombar").SelectedIndexChangedEventData;
var Notification = require ("nativescript-bottombar").Notification;

var BottomBarModel = {
hidden: false,
titleState: TITLE_STATE,
_bar: BottomBar,
inactiveColor: "",
accentColor: "",
items: new Array(
new BottomBarItem (0, "Home", "ic_home_black_24dp", "black", new Notification ("blue", "white", "1")),
new BottomBarItem (1, "Calendar", "ic_calendar", "#1083BF", new Notification ("green", "blue", "1")),
new BottomBarItem (2, "Profile", "ic_collaborator", "pink", new Notification ("pink", "yellow", "1")),
new BottomBarItem (3, "Message", "ic_paperplane", "green", new Notification ("green", "red", "1"))
),
tabLoaded: function (event) {
console.log ("barLoaded");
this._bar = event.object;
this.hidden = false;
this.titleState = TITLE_STATE.SHOW_WHEN_ACTIVE;
this.inactiveColor = "white";
this.accentColor = "blue";
},
tabSelected: function (args) {
console.log (args.newIndex);
}
}

module.exports = new Observable.fromObject(BottomBarModel);`

--js file

<GridLayout rows="*, auto"> <Label row="0" text="row 1"/> <btb:BottomBar row="1" items="{{ items }}" loaded="{{ tabLoaded($event) }}" hide="{{ hidden }}" titleState="{{ titleState }}" tabSelected="{{ tabSelected($event) }}" inactiveColor="{{ inactiveColor }}" accentColor="{{ accentColor }}" colored="true"> </btb:BottomBar> </GridLayout>

-- xml file

I already bind the context, but all i got is

fatal error: Index out of range

Please help me. thank you.

Bottom bar bouncing

Hi I found a little problem. It's not a very big problem but it's little annoying.

When I use bottombar for navigation across other pages with some transition, bottombar is jumping and I don't know why.

https://youtu.be/ZlqmFXDWlc8

Fonts instead if images?

Hi,

Is it possible that I can display font-based icons like "font-awesome" instead of images?

Swift error

Hi,
I have used this plugin before (last week) and it worked great.
Today i get:
MiniTabBar.swift:73:60: error: value of optional type 'Int?' not unwrapped; did you mean to use '!' or '?'?
self.backgroundColor = self.itemViews[self.currentSelectedIndex].getItemBarBackgroundColor();

Nir

Error Cannot read property android of null

Hi @rhanbIT
Running the project on android I am getting the following error:

Executing before-watch hook from /Users/NRMac/Projects/nativescript/HtmlViewExample/hooks/before-watch/nativescript-dev-typescript.js
Found peer TypeScript 2.0.10
8:21:59 AM - Compilation complete. Watching for file changes.

JS: EXCEPTION: Error in app.component.html:25:23 caused by: Cannot read property 'android' of null
JS: ORIGINAL EXCEPTION: Cannot read property 'android' of null
JS: ORIGINAL STACKTRACE:
JS: TypeError: Cannot read property 'android' of null
JS: at file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:176:82
JS: at Array.forEach (native)
JS: at BottomBar.createItems (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:170:15)
JS: at BottomBar._onItemsPropertyChangedSetNativeValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:165:14)
JS: at PropertyMetadata.itemsProperty.metadata.onSetNativeValue [as _onSetNativeValue] (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/common.js:50:15)
JS: at BottomBar.ProxyObject._trySetNativeValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/proxy.js:83:27)
JS: at BottomBar.ProxyObject._onPropertyChanged (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/proxy.js:46:14)
JS: at BottomBar.View._onPropertyChanged (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/view-common.js:772:45)
JS: at BottomBar.DependencyObservable._setValueInternal (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/dependency-observable.js:307:18)
JS: at BottomBar.DependencyObservable._setValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/dependency-observable.js:133:14)
JS: ERROR CONTEXT:
JS: [object Object]
JS: ns-renderer: ERROR BOOTSTRAPPING ANGULAR
JS: ns-renderer: Error in app.component.html:25:23 caused by: Cannot read property 'android' of null
JS:
JS: TypeError: Cannot read property 'android' of null
JS: at file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:176:82
JS: at Array.forEach (native)
JS: at BottomBar.createItems (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:170:15)
JS: at BottomBar._onItemsPropertyChangedSetNativeValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js:165:14)
JS: at PropertyMetadata.itemsProperty.metadata.onSetNativeValue [as _onSetNativeValue] (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/nativescript-bottombar/src/common.js:50:15)
JS: at BottomBar.ProxyObject._trySetNativeValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/proxy.js:83:27)
JS: at BottomBar.ProxyObject._onPropertyChanged (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/proxy.js:46:14)
JS: at BottomBar.View._onPropertyChanged (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/view-common.js:772:45)
JS: at BottomBar.DependencyObservable._setValueInternal (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/dependency-observable.js:307:18)
JS: at BottomBar.DependencyObservable._setValue (file:///data/data/org.nativescript.HtmlViewExample/files/app/tns_modules/tns-core-modules/ui/core/dependency-observable.js:133:14)

".../node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'

If i tried with version 2.1.4 of nativescript-bottombar plugin with NS Cli version 3.2.1, then i have encountered with ".../node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable' error.

FYI,
PS D:\IFS\IFS_Latest\IFSAppMobile> tns plugin add [email protected] D:\IFS\IFS_Latest\IFSAppMobile -- [email protected] Successfully installed plugin nativescript-bottombar.

After app builds successfully. But when i tried to run app, "..../bindable"' has no exported member 'Bindable' error occurred.

`PS D:\IFS\IFS_Latest\IFSAppMobile> tns run android
Searching for devices...
Executing before-liveSync hook from D:\IFS\IFS_Latest\IFSAppMobile\hooks\before-liveSync\nativescript-a
ngular-sync.js
Executing before-prepare hook from D:\IFS\IFS_Latest\IFSAppMobile\hooks\before-prepare\nativescript-dev
-typescript.js
Found peer TypeScript 2.2.2
node_modules/nativescript-bottombar/index.d.ts(3,10): error TS2305: Module '"D:/IFS/IFS_Latest/IFSAppMobile
/node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

Unable to apply changes on device: 3004c567d59f1200. Error is: TypeScript compiler failed with exit code 1.
Executing after-watch hook from D:\IFS\IFS_Latest\IFSAppMobile\hooks\after-watch\nativescript-dev-types
cript.js
PS D:\IFS\IFS_Latest\IFSAppMobile>`

Why this issue occurred!?

Cannot read property android of null, undefined

Hi
I upgraded to NS 3.0 and created a new angular NS 3 project from the command line.
I subsequently installed the bottombar plugin and added the sample code from the plugin home page to app component.ts and html files.
When I run the project I get an error - Cannot read property android of null, undefined
Please take a look.

IOS: inactiveColor not working

i use following setting in version: 3.0.4

	bottomBar.hide = false;
	bottomBar.titleState = TITLE_STATE.ALWAYS_SHOW;
	bottomBar.inactiveColor = "red";
	bottomBar.accentColor = "deepskyblue";
	bottomBar.colored = false;
	bottomBar.uncoloredBackgroundColor = "ghostwhite"

in android it is working fine but on ios I got:

the text color of all inactive items is back and not red and the icon color of each item is the accentColor regardless of active or not.

SelectedIndexChangedEventData issue

Running the plugin with the default settings gives me:

...error TS2305: Module '"....../node_modules/nativescript-bottombar/index"' has no exported member 'SelectedIndexChangedEventData'. ?

Different versions between Github and Npm

The version in npm is still 2.1.4. Is that on purpose? In order to get the latest version I had to use

npm install https://github.com/rhanb/nativescript-bottombar

Just letting you know, in case it was a mistake.

Changing the selected Tab programmatically

Hi, thank you for a wonderful tool. It is rather a question than an issue. I am wondering if there is a possibility to change the selected Tab programmatically after the bar was loaded (for example, from the SideDrawer menu)? Thank you and all the best.

Bottombar breaks on iOS with Fancy-Calender

Hi,

This issue is releated to this issue:
rhanb/nativescript-fancy-calendar#13 (comment)

The problem is that the Fancy-Calendar is making problems on iOS devices. When this happens the bottombar breaks as well.

Could not find module 'tns-core-modules/ui/core/properties'

Hi
Am using angular nativescript
tns version 2.5.0

I get an error when i:

1. install the bottom bar using tns plugin add nativescript-bottombar@^2.1
2. add the sample code to the app.component.html and app.component.ts
3. tns run ios
   The error I get is

file:///app/tns_modules/nativescript-bottombar/src/bottombar.js:4:27: JS ERROR Error: Could not find module 'tns-core-modules/ui/core/properties'.

After install, error "directory not found for option '-F/Users/myuser/Library/Developer/Xcode/DerivedData/nativescript-gkzesrpodyyefafmfqorbaebtafw/Build/Products/Debug-iphonesimulator/MiniTabBar"

Can't run the app. Do i have to install MiniTabBar somehow?

Invalid `Podfile` file: The target already has a platform set..

Installing pods...

[!] Invalid Podfile file: The target Pods-GROCERIES already has a platform set..

from /Users/sanketsw/git/Groceries/GROCERIES/platforms/ios/Podfile:23
use_frameworks!

platform :ios, '8.0'
pod 'MiniTabBar', :git => 'https://github.com/rhanbIT/MiniTabBar.git'

Processing node_modules failed. Error: Command pod failed with exit code 1

Here is how my podFile looks after tns run ios

Podfile.txt

Notification initialized with empty value can't be changed of value after that

[iOS Only]
In the BottomBar example we hace 2 BottomBarItem initialized with empty value on their notification,
when I tried to change or set a new value to those items nothing happens.

Text does not show under selected tab on bottom bar

Hi @rhanbIT
Am creating a new issue as the other issue has been closed by @linoman.

As suggested by you I have moved the initialisation to the constructor. Now everything works fine on android but I observe the following on IOS

On tns run ios the text does not show under the initially selected tab.
When I navigate away from the initially selected tab and then return to it, the selected colour shows correctly but the text below the picture does not display correctly.

You can observe this issue in this repo (https://github.com/anuragd7/bottomBarExample/tree/master/app)

Error with NativeScript 3.1 + Angular

I am getting this error when registering the module with NativeScript + Angular

node_modules/nativescript-bottombar/index.d.ts(3,10): error TS2305: Module '"{path-t-project}/node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

Bottombar not working in Vanilla javascript

it displays blank screen as I embedded it with another GridLayout under TabView element in android

<GridLayout ...> <TabView ....> ...... </TabView <FAB:fab row="1" icon="res://add" tap="fabTap" rippleColor="#fff" class="fab-button" /> </GridLayout> <GridLayout row="9" rows="*, auto"> <StackLayout row="0" orientation="vertical"> <Label text="demo"></Label> </StackLayout> <btn:BottomBar tabSelected="tabSelected" titleState="1"> <btn:BottomBar.items> <btn:BottomBarItem title="Cake" icon="res://icon" /> <btn:BottomBarItem title="Favorites" icon="res://icon" /> <btn:BottomBarItem title="Settings" icon="res://icon" /> </btn:BottomBar.items> </btn:BottomBar> </GridLayout>

Custom styles

How can I add own custom styles for "bottom-bar" and "bottom-bar-item" (height, font-size, box-shadow etc) ?

How can i change the component using nativescrip-bottombar ????

import { Component } from "@angular/core";
import { registerElement } from 'nativescript-angular';
import { BottomBar, BottomBarItem, TITLE_STATE, SelectedIndexChangedEventData, Notification } from 'nativescript-bottombar';

registerElement('BottomBar', () => BottomBar);

@component({
selector: "ns-app",
templateUrl: "./app.component.html",
moduleId:module.id
})

export class AppComponent {
public hidden: boolean;
public titleState: TITLE_STATE;
public _bar: BottomBar;
public inactiveColor: string;
public accentColor: string;
public hide:boolean;
public items: Array = [
new BottomBarItem(0, "Home", "ic_home_black_24dp", "black", new Notification("blue", "white", "5")),
new BottomBarItem(1, "Calendar", "ic_calendar", "#1083BF", new Notification("green", "blue", "1")),
new BottomBarItem(2, "Profile", "ic_collaborator", "pink", new Notification("pink", "yellow", "1")),
new BottomBarItem(3, "Message", "ic_paperplane", "green", new Notification("green", "red", "1"))
];

tabLoaded(event) {
this._bar = event.object;
this.hidden = false;
this.hide =true;
this.titleState = TITLE_STATE.SHOW_WHEN_ACTIVE;
this.inactiveColor = "white";
this.accentColor = "blue";
}

tabSelected(args: SelectedIndexChangedEventData) {
// only triggered when a different tab is tapped
console.log(args.newIndex);
}
}

Swift issue (@MiniTabBar)

Hi,
[I closed the issue by mistake]
I am using NativeScript 3.0.0, tns-ios 3.0.1.
After installing the plugin and tns run ios:
i can see in the terminal that it is downloading from git: Pre-downloading: MiniTabBar from https://github.com/rhanbIT/MiniTabBar.git
, and then i get the above error.
Thanks
Nir
=========OutPut from Terminal==============
tns run ios
Executing before-prepare hook from /Users/nirmiron/DEV/NScriptTests/vForms/hooks/before-prepare/nativescript-dev-typescript.js
Found peer TypeScript 2.2.2
Preparing project...
Successfully prepared plugin nativescript-angular for ios.
Successfully prepared plugin nativescript-intl for ios.
Successfully prepared plugin nativescript-bottombar for ios.
Successfully prepared plugin nativescript-iqkeyboardmanager for ios.
Successfully prepared plugin nativescript-theme-core for ios.
Successfully prepared plugin tns-core-modules for ios.
Successfully prepared plugin tns-core-modules-widgets for ios.
Installing pods...
Analyzing dependencies
Pre-downloading: MiniTabBar from https://github.com/rhanbIT/MiniTabBar.git
Downloading dependencies
Using IQKeyboardManager (4.0.8)
Installing MiniTabBar (1.0.2)
Generating Pods project
Integrating client project
Sending stats
Pod installation complete! There are 2 dependencies from the Podfile and 2 total pods installed.
Project successfully prepared (ios)
Searching for devices...
Building project...
Build settings from command line:
ARCHS = i386 x86_64
CODE_SIGN_IDENTITY =
CONFIGURATION_BUILD_DIR = /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator
ONLY_ACTIVE_ARCH = NO
SDKROOT = iphonesimulator10.3
SHARED_PRECOMPS_DIR = /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/sharedpch
VALID_ARCHS = i386 x86_64

=== BUILD TARGET MiniTabBar OF PROJECT Pods WITH CONFIGURATION Debug ===

Check dependencies

Write auxiliary files
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-generated-files.hmap
/bin/mkdir -p /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar-OutputFileMap.json
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-all-target-headers.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/module.modulemap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-own-target-headers.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/unextended-module.modulemap
/bin/mkdir -p /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources/MiniTabBar_vers.c
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/swift-overrides.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.LinkFileList
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-all-non-framework-target-headers.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/unextended-module-overlay.yaml
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar.hmap
/bin/mkdir -p /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/i386
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/i386/MiniTabBar-OutputFileMap.json
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-project-headers.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/all-product-headers.yaml
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/i386/MiniTabBar.LinkFileList

Create product structure
/bin/mkdir -p /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/MiniTabBar.framework/Modules
/bin/mkdir -p /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/MiniTabBar.framework/Headers

ProcessInfoPlistFile /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/MiniTabBar.framework/Info.plist Target\ Support\ Files/MiniTabBar/Info.plist
cd /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods
export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/nirmiron/.rvm/bin:/Users/nirmiron/Library/Android/sdk/tools:/Users/nirmiron/Library/Android/sdk/platform-tools"
builtin-infoPlistUtility /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Target\ Support\ Files/MiniTabBar/Info.plist -expandbuildsettings -format binary -platform iphonesimulator -o /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/MiniTabBar.framework/Info.plist

CompileSwiftSources normal x86_64 com.apple.xcode.tools.swift.compiler
cd /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods
export DEVELOPER_DIR=/Applications/Xcode.app/Contents/Developer
export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/nirmiron/.rvm/bin:/Users/nirmiron/Library/Android/sdk/tools:/Users/nirmiron/Library/Android/sdk/platform-tools"
export SDKROOT=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swiftc -incremental -module-name MiniTabBar -Onone -D COCOAPODS -sdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk -target x86_64-apple-ios8.0 -g -module-cache-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/ModuleCache -Xfrontend -serialize-debugging-options -enable-testing -I /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -F /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -c -j8 /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift -output-file-map /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar-OutputFileMap.json -parseable-output -serialize-diagnostics -emit-dependencies -emit-module -emit-module-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.swiftmodule -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/swift-overrides.hmap -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-generated-files.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-own-target-headers.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-all-non-framework-target-headers.hmap -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/all-product-headers.yaml -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-project-headers.hmap -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/include -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Private -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Public -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources/x86_64 -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources -Xcc -DPOD_CONFIGURATION_DEBUG=1 -Xcc -DDEBUG=1 -Xcc -DCOCOAPODS=1 -emit-objc-header -emit-objc-header-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar-Swift.h -import-underlying-module -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/unextended-module-overlay.yaml -Xcc -working-directory/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods

CompileSwift normal x86_64 /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift
cd /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swift -frontend -c -primary-file /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift -target x86_64-apple-ios8.0 -enable-objc-interop -sdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk -I /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -F /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -enable-testing -g -import-underlying-module -module-cache-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/ModuleCache -D COCOAPODS -serialize-debugging-options -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/swift-overrides.hmap -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-generated-files.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-own-target-headers.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-all-non-framework-target-headers.hmap -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/all-product-headers.yaml -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-project-headers.hmap -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/include -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Private -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Public -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources/x86_64 -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources -Xcc -DPOD_CONFIGURATION_DEBUG=1 -Xcc -DDEBUG=1 -Xcc -DCOCOAPODS=1 -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/unextended-module-overlay.yaml -Xcc -working-directory/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods -emit-module-doc-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarpartial.swiftdoc -serialize-diagnostics-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.dia -Onone -module-name MiniTabBar -emit-module-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarpartial.swiftmodule -emit-dependencies-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.d -emit-reference-dependencies-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.swiftdeps -o /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBar.o
/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift:73:60: error: value of optional type 'Int?' not unwrapped; did you mean to use '!' or '?'?
self.backgroundColor = self.itemViews[self.currentSelectedIndex].getItemBarBackgroundColor();
^
!

CompileSwift normal x86_64 /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift
cd /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swift -frontend -c /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift -primary-file /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift -target x86_64-apple-ios8.0 -enable-objc-interop -sdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator10.3.sdk -I /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -F /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator -enable-testing -g -import-underlying-module -module-cache-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/ModuleCache -D COCOAPODS -serialize-debugging-options -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/swift-overrides.hmap -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-generated-files.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-own-target-headers.hmap -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-all-non-framework-target-headers.hmap -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/all-product-headers.yaml -Xcc -iquote -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/MiniTabBar-project-headers.hmap -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/include -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Private -Xcc -I/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Headers/Public -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources/x86_64 -Xcc -I/Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/DerivedSources -Xcc -DPOD_CONFIGURATION_DEBUG=1 -Xcc -DDEBUG=1 -Xcc -DCOCOAPODS=1 -Xcc -ivfsoverlay -Xcc /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/unextended-module-overlay.yaml -Xcc -working-directory/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods -emit-module-doc-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemViewpartial.swiftdoc -serialize-diagnostics-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemView.dia -Onone -module-name MiniTabBar -emit-module-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemViewpartial.swiftmodule -emit-dependencies-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemView.d -emit-reference-dependencies-path /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemView.swiftdeps -o /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/MiniTabBar.build/Objects-normal/x86_64/MiniTabBarItemView.o
/Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift:101:44: error: value of optional type 'UIColor?' not unwrapped; did you mean to use '!' or '?'?
return self.item.barBackgroundColor?
^
( )!

=== BUILD TARGET IQKeyboardManager OF PROJECT Pods WITH CONFIGURATION Debug ===
Check dependencies

Write auxiliary files
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/IQKeyboardManager.build/IQKeyboardManager-project-headers.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/IQKeyboardManager.build/IQKeyboardManager.hmap
write-file /Users/nirmiron/Library/Developer/Xcode/DerivedData/vForms-ggpbfgkafkbdzpgxjpyriwlavuih/Build/Intermediates/Pods.build/Debug-iphonesimulator/IQKeyboardManager.build/IQKeyboardManager-all-target-headers.hmap

ProcessInfoPlistFile /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/IQKeyboardManager.framework/Info.plist Target\ Support\ Files/IQKeyboardManager/Info.plist
cd /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods
export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/nirmiron/.rvm/bin:/Users/nirmiron/Library/Android/sdk/tools:/Users/nirmiron/Library/Android/sdk/platform-tools"
builtin-infoPlistUtility /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/Target\ Support\ Files/IQKeyboardManager/Info.plist -expandbuildsettings -format binary -platform iphonesimulator -o /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/build/emulator/IQKeyboardManager.framework/Info.plist

** BUILD FAILED **

The following build commands failed:
CompileSwift normal x86_64 /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBar.swift
CompileSwift normal x86_64 /Users/nirmiron/DEV/NScriptTests/vForms/platforms/ios/Pods/MiniTabBar/MiniTabBar/Classes/MiniTabBarItemView.swift
CompileSwiftSources normal x86_64 com.apple.xcode.tools.swift.compiler
(3 failures)
Multiple errors were thrown:
Command xcodebuild failed with exit code 65

Feature Request: Missing badges/notifications

Currently, the ability to set badge counts on items is not enabled.

// Customize notification (title, background, typeface)
bottomNavigation.setNotificationBackgroundColor(Color.parseColor("#F63D2B"));

// Add or remove notification for each item
bottomNavigation.setNotification("1", 3);
// OR
AHNotification notification = new AHNotification.Builder()
    .setText("1")
    .setBackgroundColor(ContextCompat.getColor(DemoActivity.this, R.color.color_notification_back))
    .setTextColor(ContextCompat.getColor(DemoActivity.this, R.color.color_notification_text))
     .build();
bottomNavigation.setNotification(notification, 1);

Error without angular

Bottombar is crashing in ios

Hello,

I am trying to use bottombar in both android and ios. I am trying to build the android app on windows and ios app on clould using side kick.

Android app is working fine but ios app is crashing. The ios app crashingas soon as I am navigating to the home page.

After long debugging, I found that it is not able to intialize MiniTabBar and app is crashing

 var BottomBar = (function(_super) {
            __extends(BottomBar, _super);
            function BottomBar() {
                var _this = _super.call(this) || this;
                var items = new Array();
                _**this.nativeView = new MiniTabBar({**
                    items: items,
                    titleState: 0
                });
 

 <StackLayout row="1" orientation="horizontal">
            <BottomBar verticalAlignment="center"
                       row="1" [items]="items" [hide]="hidden" [titleState]="titleState"
                       (loaded)="tabLoaded($event)" (tabSelected)="tabSelected($event)"
                       [inactiveColor]="inactiveColor" [accentColor]="accentColor" colored="true"></BottomBar>

        </StackLayout>

"selectItem" API is not working properly on IOS in {N}3 App.

Hi,

I am using your plugin in my {N} App. I am changing the tab on URL change, for that I am using your "selectItem" API. While doing that the icon of the respective tab is getting highlighted but the name of that tab is not showing up. But If I change the tab by clicking it, then the name of the tab shows with the animation.

Here is My environment detail.
nativescript 3.1.2
tns-core-modules 3.1.0
tns-android 3.1.1
tns-ios 3.1.0

And here is my package.json.
"angular/animations": "~4.1.0",
"angular/common": "~4.1.0",
"angular/compiler": "~4.1.0",
"angular/core": "~4.1.0",
"angular/forms": "~4.1.0",
"angular/http": "~4.1.0",
"angular/platform-browser": "~4.1.0",
"angular/platform-browser-dynamic": "~4.1.0",
"angular/router": "~4.1.0",
"nativescript-angular": "^3.1.2",
"nativescript-bottombar": "^3.0.4",
"tns-core-modules": "^3.1.0"

Please help.

error TS2307: Cannot find module 'nativescript-bottombar'.

I am using Angular for creating native-script mobile app. I am facing following issue please check my project libraries information.
┌──────────────────┬─────────────────┬────────────────┬──────────────────┐
│ Component │ Current version │ Latest version │ Information │
│ nativescript │ 2.5.0 │ 2.5.1 │ Update available │
│ tns-core-modules │ 2.5.1 │ 2.5.1 │ Up to date │
│ tns-android │ 2.5.0 │ 2.5.0 │ Up to date │
│ tns-ios │ │ 2.5.0 │ Not installed │

C:\Users\gaurav.babu\Desktop\BizNative\BizCase>tns run android
Executing before-prepare hook from C:\Users\gaurav.babu\Desktop\BizNative\BizCase\hooks\before-prepare\nativescript-dev-andr
oid-snapshot.js
Executing before-prepare hook from C:\Users\gaurav.babu\Desktop\BizNative\BizCase\hooks\before-prepare\nativescript-dev-type
script.js
Found peer TypeScript 2.1.6
app/modules/document/document.component.ts(25,45): error TS2307: Cannot find module 'nativescript-bottombar'.

node_modules/nativescript-bottombar/bottombar-common.d.ts(1,29): error TS2307: Cannot find module 'nativescript-bottombar'.

##########################################################################
My file is:
############################################################################

import { Component, ChangeDetectionStrategy, NgZone, OnInit, ViewChild, ElementRef, OnDestroy, EventEmitter, Input, Output } from '@angular/core';
import { Router } from "@angular/router";
import { Headers, RequestOptions, Http, Response, URLSearchParams } from '@angular/http';
import { RouterExtensions } from 'nativescript-angular/router';
import { Observable, BehaviorSubject } from "rxjs/Rx";
import { Page } from "ui/page";
import { request } from "http";
import * as appSettings from "application-settings";
import { XmltojsonService } from "../xmltojson.service";
import { MakeHashService } from "../services/makehash/makehash.service";
import { Document, DocumentService } from "./shared";
import { Backhandler } from "./models/backhandler.model";
import * as dialogs from "ui/dialogs";
import { connectionType, getConnectionType } from "connectivity";
import * as connectivity from "connectivity";
import * as Toast from 'nativescript-toast';
let imagepicker = require("nativescript-imagepicker");
import * as bghttp from "nativescript-background-http";
import { GestureEventData } from "ui/gestures";
import { Color } from "color";
import { ObservableArray } from "data/observable-array";
import { ListViewEventData, RadListView } from "nativescript-telerik-ui-pro/listview";
import {registerElement} from 'nativescript-angular/element-registry';
import {TITLE_STATE} from 'nativescript-bottombar/bottombar-common';
import {SelectedIndexChangedEventData} from 'nativescript-bottombar';
registerElement("BottomBar", () => require("nativescript-bottombar").BottomBar);
registerElement("BottomBarItem", () => require("nativescript-bottombar").BottomBar);

Getting below issue while initializing ios app

CONSOLE LOG file:///app/app.component.js:29:20: tabLoaded
CONSOLE ERROR [native code]: ERROR TypeError: undefined is not an object (evaluating 'this.parent.get')

cannot read property android of null, undefined

Hi!
I am trying to use [email protected] with nativescript-angular (tns --version, 3.2.0).
I copy pasted code from demo app.component to my test component. But can not get it worked.
I'v got this err in console.
JS: tabLoaded
JS: ERROR TypeError: Cannot read property 'android' of null
JS: ERROR CONTEXT [object Object]
on emulator i see blank page with text Cannot read property 'android' of null, undefined.
Where i could made mistake?

tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

Error: Could not find module 'ui/core/proxy'

file:///app/tns_modules/nativescript-bottombar/src/common.js:4:22: JS ERROR Error: Could not find module 'ui/core/proxy'. Computed path '/Users/awaisatiq/Library/Developer/CoreSimulator/Devices/D2A489E5-B071-4354-967D-36FAD8BDCB9A/data/Containers/Bundle/Application/4ECF1C8C-1AD4-4E46-BB70-2A9BAEA25550/PointStop.app/app/tns_modules/ui/core/proxy'.
Aug 25 15:00:22 Awaiss-iMac com.apple.CoreSimulator.SimDevice.D2A489E5-B071-4354-967D-36FAD8BDCB9A.launchd_sim[863] (UIKitApplication:com.akkastech.PointStop[0x9787][885][2344]): Service exited due to Segmentation fault: 11

Package.json
{
"description": "NativeScript Application",
"license": "SEE LICENSE IN ",
"readme": "NativeScript Application",
"repository": "",
"nativescript": {
"id": "com.akkastech.PointStop",
"tns-ios": {
"version": "3.1.0"
}
},
"dependencies": {
"@angular/animations": "~4.2.0",
"@angular/common": "~4.2.0",
"@angular/compiler": "~4.2.0",
"@angular/core": "~4.2.0",
"@angular/forms": "~4.2.0",
"@angular/http": "~4.2.0",
"@angular/platform-browser": "~4.2.0",
"@angular/router": "~4.2.0",
"nativescript-angular": "~4.2.0",
"nativescript-bottombar": "^3.0.6",
"nativescript-carousel": "^3.1.0",
"nativescript-checkbox": "^2.1.11",
"nativescript-theme-core": "~1.0.2",
"reflect-metadata": "~0.1.8",
"rxjs": "~5.4.2",
"tns-core-modules": "~3.1.0",
"zone.js": "~0.8.2"
},
"devDependencies": {
"nativescript-dev-typescript": "~0.5.0",
"typescript": "~2.4.2"
}
}

/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'

Couldn't manage to compile plugin.

node_modules/nativescript-bottombar/index.d.ts(3,10): error TS2305: Module '"project/node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

package.json
"tns-core-modules": "~3.1.0",

nativescript-angular v4 Compatibility

Is it possible to update this amazing plugin so it supports the new nativescript-angular v4?

Cannot read property 'android' of null, undefined

Hello, did everything as indicated in your example. On the screen of the emulator this message is displayed

Error importing "Bindable" class from tns-core-modules\ui\core\bindable

The index.d.ts in the bottom bar library extends the "Bindable" which doesn't exist.
error :node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

Using native script 3.1

Native script bottom bar remove shift mode animation

@rhanb

I am using bottom bar in native script. I am able to setup it and working as intended.

But what my requirement is i need to remove shift mode animation while moving from one tab to another.
I have tried to customize style but not exactly giving what i need.

Your suggestions are appreciated. And also let me know if any further information you need.

Not found module problem in javascript version

I am trying JS version of this module. But i am gettin this error.

<Page xmlns="http://schemas.nativescript.org/tns.xsd"
    actionBarHidden="true"
    xmlns:btn="nativescript-bottombar"
    loaded="onNavigated" class="page">

    <StackLayout>

        <btn:BottomBar tabSelected="tabSelected" titleState="{{ titleStateValue }}" hide="{{ hidden}}" > 
  <btn:BottomBar.items>
    <btn:BottomBarItem title="Cake" icon="ic_cake_white_24dp" color="#4CAF50" />
    <btn:BottomBarItem title="Favorites" icon="ic_favorite_white_24dp" color="#2196F3" />
    <btn:BottomBarItem title="Settings" icon="ic_settings_white_24dp" color="#FF4081" />
  </btn:BottomBar.items>
</btn:BottomBar>

    </StackLayout>

</Page>

An uncaught Exception occurred on "main" thread.
com.tns.NativeScriptException:
Calling js method onClick failed

Error: Building UI from XML. @file:///app/views/map/map.xml:16:9

Module '/data/data/com.ttt.sss/files/app/nativescript-bottombar' not found for element 'nativescript-bottombar:BottomBar'.
com.tns.NativeScriptException: Failed to find module: "/data/data/com.ttt.sss/files/app/nativescript-bottombar", relative to: app//
com.tns.Module.resolvePathHelper(Module.java:146)
com.tns.Module.resolvePath(Module.java:55)
com.tns.Runtime.callJSMethodNative(Native Method)
com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1043)
com.tns.Runtime.callJSMethodImpl(Runtime.java:925)
com.tns.Runtime.callJSMethod(Runtime.java:912)
com.tns.Runtime.callJSMethod(Runtime.java:896)
com.tns.Runtime.callJSMethod(Runtime.java:888)
com.tns.gen.java.lang.Object_frnal_ts_helpers_l58_c38__ClickListenerImpl.onClick(Object_frnal_ts_helpers_l58_c38__Click

BottomBar doesn't appear with Webpack

Hi @rhanb
I have installed the nativescript-dev-webpack, everything is fine but when I run npm run start-android-bundle the BottomBar disappear.
I tried to run tns run android but there it works.
The problem is only on Android with npm run start-android-bundle.

"nativescript-cli" : "3.1.3",
"tns-core-modules" : "3.1.1",
"tns-android" : "3.2.0"
"tns-ios" : "3.2.0"

package.json

"@angular/*" : "4.1.3",
"nativescript-bottombar": "3.0.5",

Thanks.

Hi

Isit any way, to change selectedIndex dynamic in the bottombar

Android run problem

Hello, firstly thank you for your great job.

On iOS everything works fine, but when I try to run Android I get this error when app is starting. Don't know why :-O

`
An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to resume activity {org.romansimr.clubapp/com.tns.NativeScriptActivity}: com.tns.NativeScriptException:
Calling js method onCreateView failed

TypeError: Cannot read property 'android' of null
File: "file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js, line: 119, column: 81

StackTrace:
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 119, column: 82
Frame: function:'BottomBar.createItems', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 113, column: 15
Frame: function:'BottomBar.(anonymous function)', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 51, column: 14
Frame: function:'applyAllNativeSetters', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/properties/properties.js', line: 961, column: 28
Frame: function:'initNativeView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/properties/properties.js', line: 905, column: 9
Frame: function:'ViewBase.onResumeNativeUpdates', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 555, column: 22
Frame: function:'ViewBase._resumeNativeUpdates', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 223, column: 18
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 200, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'ContentView.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/content-view/content-view.js', line: 70, column: 13
Frame: function:'PageBase.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/page/page-common.js', line: 206, column: 40
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'Page.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/page/page.js', line: 105, column: 35
Frame: function:'ViewBase._addViewCore', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 360, column: 18
Frame: function:'ViewBase._addView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 346, column: 14
Frame: function:'FragmentCallbacksImplementation.onCreateView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/frame/frame.js', line: 504, column: 24
Frame: function:'FragmentClass.onCreateView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/frame/fragment.js', line: 27, column: 38

at android.app.ActivityThread.performResumeActivity(ActivityThread.java:3400)
at android.app.ActivityThread.handleResumeActivity(ActivityThread.java:3440)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2713)
at android.app.ActivityThread.-wrap12(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1460)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:154)
at android.app.ActivityThread.main(ActivityThread.java:6077)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:866)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:756)

Caused by: com.tns.NativeScriptException:
Calling js method onCreateView failed

TypeError: Cannot read property 'android' of null
File: "file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js, line: 119, column: 81

StackTrace:
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 119, column: 82
Frame: function:'BottomBar.createItems', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 113, column: 15
Frame: function:'BottomBar.(anonymous function)', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/nativescript-bottombar/src/android/bottombar.js', line: 51, column: 14
Frame: function:'applyAllNativeSetters', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/properties/properties.js', line: 961, column: 28
Frame: function:'initNativeView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/properties/properties.js', line: 905, column: 9
Frame: function:'ViewBase.onResumeNativeUpdates', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 555, column: 22
Frame: function:'ViewBase._resumeNativeUpdates', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 223, column: 18
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 200, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'LayoutBaseCommon.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/layouts/layout-base-common.js', line: 125, column: 26
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 206, column: 19
Frame: function:'ContentView.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/content-view/content-view.js', line: 70, column: 13
Frame: function:'PageBase.eachChildView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/page/page-common.js', line: 206, column: 40
Frame: function:'ViewCommon.eachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view-common.js', line: 699, column: 14
Frame: function:'ViewBase._loadEachChild', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 205, column: 14
Frame: function:'ViewBase.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 201, column: 14
Frame: function:'View.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view/view.js', line: 62, column: 35
Frame: function:'Page.onLoaded', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/page/page.js', line: 105, column: 35
Frame: function:'ViewBase._addViewCore', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 360, column: 18
Frame: function:'ViewBase._addView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/core/view-base/view-base.js', line: 346, column: 14
Frame: function:'FragmentCallbacksImplementation.onCreateView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/frame/frame.js', line: 504, column: 24
Frame: function:'FragmentClass.onCreateView', file:'file:///data/data/org.romansimr.clubapp/files/app/tns_modules/tns-core-modules/ui/frame/fragment.js', line: 27, column: 38

at com.tns.Runtime.callJSMethodNative(Native Method)
at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1088)
at com.tns.Runtime.callJSMethodImpl(Runtime.java:970)
at com.tns.Runtime.callJSMethod(Runtime.java:957)
at com.tns.Runtime.callJSMethod(Runtime.java:941)
at com.tns.Runtime.callJSMethod(Runtime.java:933)
at com.tns.FragmentClass.onCreateView(FragmentClass.java:40)
at android.app.Fragment.performCreateView(Fragment.java:2353)
at android.app.FragmentManagerImpl.moveToState(FragmentManager.java:995)
at android.app.FragmentManagerImpl.moveToState(FragmentManager.java:1171)
at android.app.BackStackRecord.run(BackStackRecord.java:815)
at android.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1578)
at android.app.FragmentController.execPendingActions(FragmentController.java:371)
at android.app.Activity.performResume(Activity.java:6760)
at android.app.ActivityThread.performResumeActivity(ActivityThread.java:3377)
... 10 more

`

Getting error node_modules/nativescript-bottombar/index.d.ts(3,10): error TS2305: Module '"/Users/user/ns_app/node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.

Followed read me in order to implement bottom bar, but I am getting below compilation error.

node_modules/nativescript-bottombar/index.d.ts(3,10): error TS2305: Module '"/Users/user/ns_app/node_modules/tns-core-modules/ui/core/bindable/bindable"' has no exported member 'Bindable'.
tns version - 3.0.3