Coder Social home page Coder Social logo

rhanb / nativescript-bottombar Goto Github PK

View Code? Open in Web Editor NEW
65.0 4.0 24.0 6.77 MB

Fancy bottom bar for NativeScript :smile: :beers:

License: Apache License 2.0

TypeScript 84.60% HTML 2.40% CSS 2.27% Vue 4.49% Shell 3.55% JavaScript 2.70%
nativescript bottombar angular android tabview material bottom navigation menu

nativescript-bottombar's Introduction

npm npm twitter: @_rhanb

Build Status Package size Unpacked size

NPM

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
iOS Android

Installation

tns plugin add nativescript-bottombar@next

Usage

API documentation

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
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 People

Contributors

rhanb avatar vcooley avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

nativescript-bottombar's Issues

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);

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.

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.

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.

Hi

Isit any way, to change selectedIndex dynamic in the bottombar

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)

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);

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

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');
}

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.

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?

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)

SelectedIndexChangedEventData issue

Running the plugin with the default settings gives me:

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

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.

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>

Custom styles

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

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

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.

"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.

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

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.

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

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

`

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);
}
}

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'.

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

".../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!?

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>

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:

screen shot 2017-10-03 at 21 28 44

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.

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"
}
}

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

Fonts instead if images?

Hi,

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

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'.

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.