Nativescript right tabsview architecture? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Angular Nativescript can't navigate in lazy modulerouter-outlets and shared componentsAngular 2 components doesn't render correctly when used with router outletAngular 2 - Submodule routing and nested <router-outlet>Naivescript/ Angular 2 : UI bottom bar not behaving correctly in iOS when keyboard is showingNativescript: Navigate between router-outletsLoading multiple components to router-outlet from same path AngularAngular 6 RouterLink With TabsNativescript router outlet component within a component calling parent component functionNativeScript TabView NavigationNativescript - Tabview flashing transition

Taylor expansion of ln(1-x)

Do wooden building fires get hotter than 600°C?

Morning, Afternoon, Night Kanji

Drawing without replacement: why is the order of draw irrelevant?

Hangman Game with C++

What was the first language to use conditional keywords?

Is there a kind of relay that only consumes power when switching?

How would a mousetrap for use in space work?

When a candle burns, why does the top of wick glow if bottom of flame is hottest?

How do I find out the mythology and history of my Fortress?

If Windows 7 doesn't support WSL, then what does Linux subsystem option mean?

What do you call the main part of a joke?

What would you call this weird metallic apparatus that allows you to lift people?

Putting class ranking in CV, but against dept guidelines

What are the diatonic extended chords of C major?

Maximum summed subsequences with non-adjacent items

Is it fair for a professor to grade us on the possession of past papers?

Why does the remaining Rebel fleet at the end of Rogue One seem dramatically larger than the one in A New Hope?

Trademark violation for app?

Crossing US/Canada Border for less than 24 hours

Amount of permutations on an NxNxN Rubik's Cube

Is there hard evidence that the grant peer review system performs significantly better than random?

What is "gratricide"?

Illegal assignment from sObject to Id



Nativescript right tabsview architecture?



Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 23, 2019 at 00:00UTC (8:00pm US/Eastern)
Data science time! April 2019 and salary with experience
The Ask Question Wizard is Live!Angular Nativescript can't navigate in lazy modulerouter-outlets and shared componentsAngular 2 components doesn't render correctly when used with router outletAngular 2 - Submodule routing and nested <router-outlet>Naivescript/ Angular 2 : UI bottom bar not behaving correctly in iOS when keyboard is showingNativescript: Navigate between router-outletsLoading multiple components to router-outlet from same path AngularAngular 6 RouterLink With TabsNativescript router outlet component within a component calling parent component functionNativeScript TabView NavigationNativescript - Tabview flashing transition



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I started the app with angular-nativescript lazy "tabs" template. Later I faced the problem that I can't move between pages with "router" or "routerExtensions". Only with [nsRouterLink] which is written in HTML. Also the problem is I can't use one page which is shared between different pages.



Is this template is right way to use tabs in nativescript ?



app.component :



<TabView androidTabsPosition="bottom">

<page-router-outlet
*tabItem="title: 'Home', iconSource: getIconSource('home')"
name="homeTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Browse', iconSource: getIconSource('browse')"
name="browseTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Search', iconSource: getIconSource('search')"
name="searchTab">
</page-router-outlet>

</TabView>









share|improve this question






















  • Yes the template works. Please share a Playground sample where the issue can be reproduced.

    – Manoj
    Mar 22 at 11:15











  • stackoverflow.com/questions/55241335/… got no answers right here

    – Andrėjus Lazauskas
    Mar 22 at 11:32











  • There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

    – Manoj
    Mar 22 at 12:31











  • You can use that template and download it. My architecture is the same - for a detailed answer.

    – Andrėjus Lazauskas
    Mar 22 at 12:36












  • play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

    – Andrėjus Lazauskas
    Mar 22 at 12:39

















0















I started the app with angular-nativescript lazy "tabs" template. Later I faced the problem that I can't move between pages with "router" or "routerExtensions". Only with [nsRouterLink] which is written in HTML. Also the problem is I can't use one page which is shared between different pages.



Is this template is right way to use tabs in nativescript ?



app.component :



<TabView androidTabsPosition="bottom">

<page-router-outlet
*tabItem="title: 'Home', iconSource: getIconSource('home')"
name="homeTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Browse', iconSource: getIconSource('browse')"
name="browseTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Search', iconSource: getIconSource('search')"
name="searchTab">
</page-router-outlet>

</TabView>









share|improve this question






















  • Yes the template works. Please share a Playground sample where the issue can be reproduced.

    – Manoj
    Mar 22 at 11:15











  • stackoverflow.com/questions/55241335/… got no answers right here

    – Andrėjus Lazauskas
    Mar 22 at 11:32











  • There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

    – Manoj
    Mar 22 at 12:31











  • You can use that template and download it. My architecture is the same - for a detailed answer.

    – Andrėjus Lazauskas
    Mar 22 at 12:36












  • play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

    – Andrėjus Lazauskas
    Mar 22 at 12:39













0












0








0








I started the app with angular-nativescript lazy "tabs" template. Later I faced the problem that I can't move between pages with "router" or "routerExtensions". Only with [nsRouterLink] which is written in HTML. Also the problem is I can't use one page which is shared between different pages.



Is this template is right way to use tabs in nativescript ?



app.component :



<TabView androidTabsPosition="bottom">

<page-router-outlet
*tabItem="title: 'Home', iconSource: getIconSource('home')"
name="homeTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Browse', iconSource: getIconSource('browse')"
name="browseTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Search', iconSource: getIconSource('search')"
name="searchTab">
</page-router-outlet>

</TabView>









share|improve this question














I started the app with angular-nativescript lazy "tabs" template. Later I faced the problem that I can't move between pages with "router" or "routerExtensions". Only with [nsRouterLink] which is written in HTML. Also the problem is I can't use one page which is shared between different pages.



Is this template is right way to use tabs in nativescript ?



app.component :



<TabView androidTabsPosition="bottom">

<page-router-outlet
*tabItem="title: 'Home', iconSource: getIconSource('home')"
name="homeTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Browse', iconSource: getIconSource('browse')"
name="browseTab">
</page-router-outlet>

<page-router-outlet
*tabItem="title: 'Search', iconSource: getIconSource('search')"
name="searchTab">
</page-router-outlet>

</TabView>






angular typescript nativescript angular-router






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 22 at 10:01









Andrėjus LazauskasAndrėjus Lazauskas

437




437












  • Yes the template works. Please share a Playground sample where the issue can be reproduced.

    – Manoj
    Mar 22 at 11:15











  • stackoverflow.com/questions/55241335/… got no answers right here

    – Andrėjus Lazauskas
    Mar 22 at 11:32











  • There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

    – Manoj
    Mar 22 at 12:31











  • You can use that template and download it. My architecture is the same - for a detailed answer.

    – Andrėjus Lazauskas
    Mar 22 at 12:36












  • play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

    – Andrėjus Lazauskas
    Mar 22 at 12:39

















  • Yes the template works. Please share a Playground sample where the issue can be reproduced.

    – Manoj
    Mar 22 at 11:15











  • stackoverflow.com/questions/55241335/… got no answers right here

    – Andrėjus Lazauskas
    Mar 22 at 11:32











  • There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

    – Manoj
    Mar 22 at 12:31











  • You can use that template and download it. My architecture is the same - for a detailed answer.

    – Andrėjus Lazauskas
    Mar 22 at 12:36












  • play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

    – Andrėjus Lazauskas
    Mar 22 at 12:39
















Yes the template works. Please share a Playground sample where the issue can be reproduced.

– Manoj
Mar 22 at 11:15





Yes the template works. Please share a Playground sample where the issue can be reproduced.

– Manoj
Mar 22 at 11:15













stackoverflow.com/questions/55241335/… got no answers right here

– Andrėjus Lazauskas
Mar 22 at 11:32





stackoverflow.com/questions/55241335/… got no answers right here

– Andrėjus Lazauskas
Mar 22 at 11:32













There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

– Manoj
Mar 22 at 12:31





There was no direct answer but you hot the hint already, you should supply the route for each outlets when you have multiple. If you are looking for detailed one, you might want to share a complete Playground for the use case.

– Manoj
Mar 22 at 12:31













You can use that template and download it. My architecture is the same - for a detailed answer.

– Andrėjus Lazauskas
Mar 22 at 12:36






You can use that template and download it. My architecture is the same - for a detailed answer.

– Andrėjus Lazauskas
Mar 22 at 12:36














play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

– Andrėjus Lazauskas
Mar 22 at 12:39





play.nativescript.org/?template=play-ng&id=WvQnzu&v=19 is this the right way to do ?

– Andrėjus Lazauskas
Mar 22 at 12:39












0






active

oldest

votes












Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55297146%2fnativescript-right-tabsview-architecture%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55297146%2fnativescript-right-tabsview-architecture%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript