javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/refactor/circular-deps' into feat/list-view-sticky-headers

Browse Source
This commit is contained in:
Nathan Walker
2025-09-01 15:38:51 -07:00
parent 561d2ea64e a12fe192d5
commit 5c143459cd
178 changed files with 28645 additions and 15817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/toolbox/package.json
View File

@@ -12,8 +12,8 @@
"nativescript-theme-core": "file:../../node_modules/nativescript-theme-core"
},
"devDependencies": {
"@nativescript/android": "~8.9.0",
"@nativescript/ios": "esm",
"@nativescript/android": "alpha",
"@nativescript/ios": "alpha",
"@nativescript/visionos": "~8.9.0",
"@nativescript/webpack": "file:../../dist/packages/webpack5",
"typescript": "~5.8.0"

9
apps/toolbox/src/_app-platform.ios.css
View File

@@ -91,3 +91,12 @@
.list-group {
margin-top: 7;
}
.ns-ios-26 .action-bar {
/**
* Note: nativescript-theme-core auto adds background-color to actionbar
* doing so will cause iOS 26+ to not render titles when large title is enabled
* We can now scope specific styling behavior for platform sdk versions
*/
background-color: transparent;
}

1
apps/toolbox/src/main-page.xml
View File

@@ -13,6 +13,7 @@
<Button text="datepicker" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="dialogs" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="forms" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="glass-effects" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="image-async" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="image-handling" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="labels" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />

4
apps/toolbox/src/pages/a11y.xml
View File

@@ -4,9 +4,9 @@
</ActionBar>
</Page.actionBar>
<GridLayout padding="20" class="a11y-demo-page">
<GridLayout class="a11y-demo-page">
<ScrollView>
<StackLayout>
<StackLayout padding="20">
<Button testID="openModalPageButton" text="Open Modal Page" class="view-item" tap="{{openModal}}" />
<Button testID="openNormalPageButton" text="Open Normal Page" class="view-item" tap="{{openNormal}}" />

16
apps/toolbox/src/pages/glass-effects.ts Normal file
View File

@@ -0,0 +1,16 @@
import { Observable, EventData, Page, CoreTypes, GlassEffectConfig } from '@nativescript/core';
let page: Page;
export function navigatingTo(args: EventData) {
page = <Page>args.object;
page.bindingContext = new GlassEffectModel();
}
export class GlassEffectModel extends Observable {
iosGlassEffectInteractive: GlassEffectConfig = {
interactive: true,
tint: '#faabab',
variant: 'clear',
};
}

27
apps/toolbox/src/pages/glass-effects.xml Normal file
View File

@@ -0,0 +1,27 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
<Page.actionBar>
<ActionBar title="Glass Effects" class="action-bar">
</ActionBar>
</Page.actionBar>
<GridLayout>
<Image src="https://cdn.wallpapersafari.com/89/64/c6MnRY.jpg" stretch="aspectFill" iosOverflowSafeArea="true" />
<GridLayout rows="*,auto,auto,auto,*">
<GridLayout row="1" width="300" height="150" iosGlassEffect="regular" horizontalAlignment="center" verticalAlignment="middle">
<Label class="text-center c-white" fontWeight="bold" fontSize="18" text="Glass Effects Regular" />
</GridLayout>
<GridLayout row="2" width="300" height="150" iosGlassEffect="clear" horizontalAlignment="center" verticalAlignment="middle" class="m-t-10">
<Label class="text-center c-white" fontWeight="bold" fontSize="18" text="Glass Effects Clear" />
</GridLayout>
<GridLayout row="3" width="300" height="150" iosGlassEffect="{{iosGlassEffectInteractive}}" horizontalAlignment="center" verticalAlignment="middle" class="m-t-10">
<Label class="text-center c-white" fontWeight="bold" fontSize="18" text="Glass Effects Interactive" />
</GridLayout>
</GridLayout>
</GridLayout>
</Page>

23
apps/toolbox/src/pages/image-async.xml
View File

@@ -1,13 +1,14 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
<GridLayout padding="20">
<ScrollView>
<StackLayout>
<Button text="Image Async?" tap="{{save}}" />
<Image width="200" height="200" src="{{ src }}"/>
<Image marginTop="10" width="200" height="200" src="{{ savedData }}" />
<Image marginTop="10" width="50" height="50" imageSource="{{ resizedImage }}" />
</StackLayout>
</ScrollView>
</GridLayout>
<Page.actionBar>
<ActionBar title="Image Async" icon="" class="action-bar">
</ActionBar>
</Page.actionBar>
<ScrollView>
<StackLayout padding="20">
<Button text="Image Async?" tap="{{save}}" />
<Image width="200" height="200" src="{{ src }}"/>
<Image marginTop="10" width="200" height="200" src="{{ savedData }}" />
<Image marginTop="10" width="50" height="50" imageSource="{{ resizedImage }}" />
</StackLayout>
</ScrollView>
</Page>