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 237da2b

Browse files
Merge remote-tracking branch 'origin/main' into feat/security-overview
2 parents c381972 + 94ad0b1 commit 237da2b

File tree

3 files changed

+9
-5
lines changed

3 files changed

+9
-5
lines changed

‎.vitepress/theme/index.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
1-
import Theme from "@nativescript/vitepress-theme";
2-
import "@nativescript/vitepress-theme/theme/style.css";
1+
import Theme from '@nativescript/vitepress-theme'
2+
import '@nativescript/vitepress-theme/theme/style.css'
33

44
export default {
55
...Theme(),
6-
};
6+
enhanceApp() {},
7+
}

‎content/guide/create-custom-native-elements.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -240,14 +240,15 @@ Let's create a `<Checkbox>` component that behaves consistently on iOS and Andro
240240

241241
<iframe style="width: 100%; min-height: 200px; aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/08uip43irOM" title="Creating custom elements with NativeScript" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
242242

243-
See the full working example on StackBlitz:
243+
See the full working example on StackBlitz:
244+
244245
- Angular: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox?file=src%2Fapp%2Fcheckbox%2Fcommon.ts
245246
- React: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox-react?file=src%2Fcomponents%2FScreenOne.tsx
246247
- Solid: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox-solid?file=src%2Fcomponents%2Fhome.tsx
247248
- Svelte: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox-svelte?file=app%2Fcomponents%2FHome.svelte
248249
- TypeScript: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox-ts?file=app%2Fmain-page.xml
249250
- Vue: https://stackblitz.com/edit/nativescript-create-custom-elements-checkbox-vue?file=src%2Fcomponents%2FHome.vue
250-
251+
251252
In NativeScript, creating custom UI components can be straightforward and powerful. In this guide, you'll learn how to build a simple, reusable Checkbox component using only built-in modules from `@nativescript/core`. We'll leverage a combination of `GridLayout`, `Label`, and Material Design icons.
252253

253254
### Step-by-Step Guide

‎content/guide/customizing-view-elements.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -145,3 +145,5 @@ Register your new `CustomListPicker` element following the steps outlined in [Cr
145145
### Interactive StackBlitz Example
146146

147147
Experiment live with this custom ListPicker in [this StackBlitz demo](https://stackblitz.com/edit/nativescript-customize-listpicker?file=src%2Fapp%2Fitem%2Flist-picker-custom%2Findex.ios.ts). Modify the font size or highlight color directly and observe the immediate changes.
148+
149+
<iframe style="width: 100%; min-height: 200px; aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/IxH4hl-T_4s" title="Customizing View Elements with NativeScript" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /