mirror of
				https://github.com/NativeScript/NativeScript.git
				synced 2025-10-31 07:59:06 +08:00 
			
		
		
		
	refactor(core): zero circulars + esm ready (#10770)
This commit is contained in:
		| @ -12,8 +12,8 @@ | ||||
|     "nativescript-theme-core": "file:../../node_modules/nativescript-theme-core" | ||||
|   }, | ||||
|   "devDependencies": { | ||||
|     "@nativescript/android": "~8.9.0", | ||||
|     "@nativescript/ios": "~8.9.0", | ||||
|     "@nativescript/android": "alpha", | ||||
|     "@nativescript/ios": "alpha", | ||||
|     "@nativescript/visionos": "~8.9.0", | ||||
|     "@nativescript/webpack": "file:../../dist/packages/webpack5", | ||||
|     "typescript": "~5.8.0" | ||||
|  | ||||
| @ -30,7 +30,6 @@ | ||||
| 				"forDevice": false, | ||||
| 				"prepare": false | ||||
| 			}, | ||||
| 			"configurations": {}, | ||||
| 			"dependsOn": ["^build"] | ||||
| 		}, | ||||
| 		"prepare": { | ||||
|  | ||||
| @ -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" /> | ||||
|  | ||||
| @ -2,6 +2,7 @@ import { Observable, Frame, StackLayout } from '@nativescript/core'; | ||||
|  | ||||
| export class HelloWorldModel extends Observable { | ||||
| 	viewDemo(args) { | ||||
| 		console.log('Navigating to view demo:', args.object.text); | ||||
| 		Frame.topmost().navigate({ | ||||
| 			moduleName: `pages/${args.object.text}`, | ||||
| 		}); | ||||
|  | ||||
							
								
								
									
										16
									
								
								apps/toolbox/src/pages/glass-effects.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										16
									
								
								apps/toolbox/src/pages/glass-effects.ts
									
									
									
									
									
										Normal 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
									
								
							
							
						
						
									
										27
									
								
								apps/toolbox/src/pages/glass-effects.xml
									
									
									
									
									
										Normal 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> | ||||
		Reference in New Issue
	
	Block a user
	 Nathan Walker
					Nathan Walker