Skip to content

Commit e57fff2

Browse files
NickIlievNickIliev
committed
docs: BottomNav added styling and tips&tricks
1 parent 758bf62 commit e57fff2

File tree

6 files changed

+75
-3
lines changed

6 files changed

+75
-3
lines changed

‎app/ns-ui-widgets-category/bottom-navigation/bottom-navigation-page.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,15 @@ const navigationLinks = [
44
new link("Usage", "ns-ui-widgets-category/bottom-navigation/usage/usage-page"),
55
new link("Usage", "ns-ui-widgets-category/bottom-navigation/styling/styling-page"),
66
new link("Events", "ns-ui-widgets-category/bottom-navigation/events/events-page"),
7-
new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-page")
7+
new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-page"),
8+
new link("Tips & Tricks", "ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-page")
89
];
910
const navigationLinksTsc = [
1011
new link("Usage", "ns-ui-widgets-category/bottom-navigation/usage/usage-ts-page"),
1112
new link("Usage", "ns-ui-widgets-category/bottom-navigation/styling/styling-ts-page"),
1213
new link("Events", "ns-ui-widgets-category/bottom-navigation/events/events-ts-page"),
13-
new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-page")
14+
new link("Properties", "ns-ui-widgets-category/bottom-navigation/properties/properties-ts-page"),
15+
new link("Tips & Tricks", "ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-ts-page")
1416
];
1517

1618
function onNavigatingTo(args) {

‎app/ns-ui-widgets-category/bottom-navigation/styling/article.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!-- TODO add styling guidelines and theming here -->

‎app/ns-ui-widgets-category/bottom-navigation/tips-and-tricks/article.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!-- TODO add sections for fonticon and icon size guidelines (@2x, @3x and drawables) here -->

‎app/ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-page.xml

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<Page>
2+
<Page.actionBar>
3+
<ActionBar title="BottomNavigation - Usage"/>
4+
</Page.actionBar>
5+
<!-- >> bottom-navigation-basics-xml -->
6+
<BottomNavigation selectedIndex="1">
7+
8+
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
9+
<TabStrip>
10+
<TabStripItem title="Home" iconSource="res://baseline_home_black_18pt"></TabStripItem>
11+
<TabStripItem title="Account" iconSource="res://baseline_account_balance_black_18pt"></TabStripItem>
12+
<TabStripItem title="Search" iconSource="res://baseline_search_black_18pt"></TabStripItem>
13+
</TabStrip>
14+
15+
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
16+
<TabContentItem>
17+
<GridLayout>
18+
<Label text="Home Page" class="h2 text-center"></Label>
19+
</GridLayout>
20+
</TabContentItem>
21+
<TabContentItem>
22+
<GridLayout>
23+
<Label text="Account Page" class="h2 text-center"></Label>
24+
</GridLayout>
25+
</TabContentItem>
26+
<TabContentItem>
27+
<GridLayout>
28+
<Label text="Search Page" class="h2 text-center"></Label>
29+
</GridLayout>
30+
</TabContentItem>
31+
32+
</BottomNavigation>
33+
<!-- << bottom-navigation-basics-xml -->
34+
</Page>

‎app/ns-ui-widgets-category/bottom-navigation/tips-and-tricks/tips-and-tricks-ts-page.xml

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<Page>
2+
<Page.actionBar>
3+
<ActionBar title="BottomNavigation - Usage"/>
4+
</Page.actionBar>
5+
<!-- >> bottom-navigation-basics-tsc-xml -->
6+
<BottomNavigation selectedIndex="1">
7+
8+
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
9+
<TabStrip>
10+
<TabStripItem title="Home" iconSource="res://baseline_home_black_18pt"></TabStripItem>
11+
<TabStripItem title="Account" iconSource="res://baseline_account_balance_black_18pt"></TabStripItem>
12+
<TabStripItem title="Search" iconSource="res://baseline_search_black_18pt"></TabStripItem>
13+
</TabStrip>
14+
15+
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
16+
<TabContentItem>
17+
<GridLayout>
18+
<Label text="Home Page" class="h2 text-center"></Label>
19+
</GridLayout>
20+
</TabContentItem>
21+
<TabContentItem>
22+
<GridLayout>
23+
<Label text="Account Page" class="h2 text-center"></Label>
24+
</GridLayout>
25+
</TabContentItem>
26+
<TabContentItem>
27+
<GridLayout>
28+
<Label text="Search Page" class="h2 text-center"></Label>
29+
</GridLayout>
30+
</TabContentItem>
31+
32+
</BottomNavigation>
33+
<!-- << bottom-navigation-basics-tsc-xml -->
34+
</Page>

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
},
3131
"dependencies": {
3232
"nativescript-theme-core": "~1.0.4",
33-
"tns-core-modules": "^6.0.0-rc-2019-07-03-223248-02"
33+
"tns-core-modules": "^6.0.0-rc-2019-07-04-111808-02"
3434
},
3535
"devDependencies": {
3636
"eslint": "~5.9.0",

0 commit comments

Comments
 (0)