Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 208fdcd

Browse files
feat: reflective ui snack
1 parent 4d7c10d commit 208fdcd

File tree

1 file changed

+19
-10
lines changed

1 file changed

+19
-10
lines changed

β€Žcontent/snacks/index.mdβ€Ž

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,15 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
6565
},
6666
{
6767
id: 4,
68+
title: "Reflective UI",
69+
href: "https://stackblitz.com/edit/nativescript-reflective-ui?file=src%2Fapp%2Fitem%2Fitems.component.ts",
70+
description: "Using iOS AVCaptureSession to create live reflective UI mask. Try with your phone in Dark Mode, it's neat!",
71+
categories: [{ title: "iOS AVCaptureSession", href: "https://developer.apple.com/documentation/avfoundation/avcapturesession?language=objc" }],
72+
videoUrl: "https://youtube.com/embed/rbF6mYfwnck",
73+
videoTitle: "NativeScript Reflective UI",
74+
},
75+
{
76+
id: 5,
6877
title: "Tetris Game with Vue 3",
6978
href: "https://stackblitz.com/edit/ns-tetris?file=src%2Fcomponents%2FHome.vue",
7079
description: "Tetris Game with Vue 3.",
@@ -73,7 +82,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
7382
videoTitle: "A Tetris Game built with Vue 3",
7483
},
7584
{
76-
id: 5,
85+
id: 6,
7786
title: "iOS Recognize Text from an Image",
7887
href: "https://stackblitz.com/edit/nativescript-text-from-image?file=src%2Fapp%2Fhome%2Fhome.component.ts",
7988
description: "Recognizing text from an Image on iOS.",
@@ -91,7 +100,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
91100
videoTitle: "iOS Recognize Text from an Image",
92101
},
93102
{
94-
id: 6,
103+
id: 7,
95104
title: "iOS PDFKit",
96105
href: "https://stackblitz.com/edit/nativescript-pdfview-via-ios-pdfkit?file=src%2Fapp%2Fnative-pdfview%2Fnative-pdfview.ts",
97106
description: "Generating and previewing PDFs using iOS PDFKit.",
@@ -109,7 +118,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
109118
videoTitle: "iOS PDFKit",
110119
},
111120
{
112-
id: 7,
121+
id: 8,
113122
title: "PDF w/ WKWebView & AndroidPdfViewer",
114123
href: "https://stackblitz.com/edit/nativescript-pdfviewer?file=src%2Fapp%2Fnative-pdfview%2Findex.ios.ts",
115124
description: "Rendering PDF with WKWebView on iOS.",
@@ -129,7 +138,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
129138
],
130139
},
131140
{
132-
id: 8,
141+
id: 9,
133142
title: "Autogrow Textfield",
134143
href: "https://stackblitz.com/edit/nativescript-ng-textview-autogrow-vs-textfield?file=src%2Fapp%2Fitem%2Fitems.component.html",
135144
description: "Autogrowing Textfield as you type.",
@@ -142,7 +151,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
142151
],
143152
},
144153
{
145-
id: 9,
154+
id: 10,
146155
title: "Text to Speech",
147156
href: "https://stackblitz.com/edit/nativescript-text-to-speech?file=src%2Fapp%2Fspeech%2Findex.ios.ts",
148157
description: "Simple Text to Speech.",
@@ -158,7 +167,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
158167
],
159168
},
160169
{
161-
id: 10,
170+
id: 11,
162171
title: "Battery Level Check",
163172
href: "https://stackblitz.com/edit/nativescript-battery-level-check?file=app%2Fbattery%2Findex.ios.ts",
164173
description: "Getting the current battery level.",
@@ -174,7 +183,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
174183
],
175184
},
176185
{
177-
id: 11,
186+
id: 12,
178187
title: "Toggle Device Light",
179188
href: "https://stackblitz.com/edit/nativescript-torch?file=src%2Fapp%2Ftorch%2Findex.ios.ts",
180189
description: "Toggling the Device Light on and off.",
@@ -190,7 +199,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
190199
],
191200
},
192201
{
193-
id: 12,
202+
id: 13,
194203
title: "Using local image assets",
195204
href: "https://stackblitz.com/edit/nativescript-local-image-asset?file=package.json,src%2Fapp%2Fitem%2Fitems.component.html",
196205
description: "Using local image assets.",
@@ -199,7 +208,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
199208
],
200209
},
201210
{
202-
id: 13,
211+
id: 14,
203212
title: "Checkbox Example",
204213
href: "https://stackblitz.com/edit/nativescript-checkbox-example?file=src%2Fapp%2Fitem%2Fitems.component.html",
205214
description: "Using checkbox components.",
@@ -212,7 +221,7 @@ Each Snack reveals NativeScript's power, from UI tricks to platform SDK usages t
212221
},
213222
// Not ready yet but will discuss with Dylan to update
214223
// {
215-
// id: 14,
224+
// id: 15,
216225
// title: 'RxDB Angular Lokijs',
217226
// href: 'https://stackblitz.com/edit/nativescript-angular-rxdb-lokijs-demo-9ha1fc?file=src%2Fapp%2Fcomponents%2Fhero.component.ts',
218227
// description: 'Using RxDB Angular Lokijs.',

0 commit comments

Comments
(0)

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /