Repository navigation
Make TabViewItem properties data-bindable. #541
Description
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded">
<TabView>
<TabView.items>
<TabViewItem title="{{ one }}">
<TabViewItem.view>
<StackLayout>
<Label text="{{ one }}" />
</StackLayout>
</TabViewItem.view>
</TabViewItem>
<TabViewItem title="{{ two }}">
<TabViewItem.view>
<StackLayout>
<Label text="{{ two }}" />
</StackLayout>
</TabViewItem.view>
</TabViewItem>
<TabViewItem title="{{ three }}">
<TabViewItem.view>
<StackLayout>
<Label text="{{ three }}" />
</StackLayout>
</TabViewItem.view>
</TabViewItem>
</TabView.items>
</TabView>
</Page>var observableModule = require("data/observable"),
pageData = new observableModule.Observable();
exports.onPageLoaded = function (args) {
var page = args.object;
pageData.set("one","1");
pageData.set("two","2");
pageData.set("three","3");
page.bindingContext = pageData;
};
Activity
stonecourier commentedon Aug 4, 2015
Raised this one before. Unfortunately they can't do it with their current implementation. I had to write my own tab class to work around this.
#331
hamorphis commentedon Aug 27, 2015
I am working on this.
ortega-io commentedon Sep 2, 2017
@hamorphis Was this ever resolved? I see it is marked as solved, but testing the code above it still doesn't work.
Any way to workaround this? I want to accomplish something that should be so simple: changing the TabViewItem iconSource depending if the tab is selected or not.
lock commentedon Aug 28, 2019
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.