diff --git a/README.md b/README.md
index caaa5bf0..db93c221 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,7 @@
- [@nstudio/nativescript-persona](packages/nativescript-persona/README.md)
- [@nstudio/nativescript-plaid](packages/nativescript-plaid/README.md)
- [@nstudio/nativescript-qr](packages/nativescript-qr/README.md)
+- [@nstudio/nativescript-splitsheet](packages/nativescript-splitsheet/README.md)
- [@nstudio/nativescript-tracking-transparency](packages/nativescript-tracking-transparency/README.md)
- [@nstudio/nativescript-walletconnect](packages/nativescript-walletconnect/README.md)
diff --git a/apps/demo-angular/package.json b/apps/demo-angular/package.json
index b2e892b2..a5ba7c74 100644
--- a/apps/demo-angular/package.json
+++ b/apps/demo-angular/package.json
@@ -26,7 +26,8 @@
"@nstudio/nativescript-plaid": "file:../../dist/packages/nativescript-plaid",
"@nstudio/nativescript-qr": "file:../../dist/packages/nativescript-qr",
"@nstudio/nativescript-tracking-transparency": "file:../../dist/packages/nativescript-tracking-transparency",
- "@nstudio/nativescript-walletconnect": "file:../../dist/packages/nativescript-walletconnect"
+ "@nstudio/nativescript-walletconnect": "file:../../dist/packages/nativescript-walletconnect",
+ "@nstudio/nativescript-splitsheet": "file:../../dist/packages/nativescript-splitsheet"
},
"devDependencies": {
"@nativescript/android": "~8.4.0",
diff --git a/apps/demo-angular/src/app-routing.module.ts b/apps/demo-angular/src/app-routing.module.ts
index 98204f91..44096edb 100644
--- a/apps/demo-angular/src/app-routing.module.ts
+++ b/apps/demo-angular/src/app-routing.module.ts
@@ -29,6 +29,7 @@ const routes: Routes = [
{ path: 'nativescript-persona', loadChildren: () => import('./plugin-demos/nativescript-persona.module').then(m => m.NativescriptPersonaModule) },
{ path: 'nativescript-plaid', loadChildren: () => import('./plugin-demos/nativescript-plaid.module').then(m => m.NativescriptPlaidModule) },
{ path: 'nativescript-qr', loadChildren: () => import('./plugin-demos/nativescript-qr.module').then(m => m.NativescriptQrModule) },
+ { path: 'nativescript-splitsheet', loadChildren: () => import('./plugin-demos/nativescript-splitsheet.module').then(m => m.NativescriptSplitsheetModule) },
{ path: 'nativescript-tracking-transparency', loadChildren: () => import('./plugin-demos/nativescript-tracking-transparency.module').then(m => m.NativescriptTrackingTransparencyModule) },
{ path: 'nativescript-walletconnect', loadChildren: () => import('./plugin-demos/nativescript-walletconnect.module').then(m => m.NativescriptWalletconnectModule) }
];
diff --git a/apps/demo-angular/src/home.component.ts b/apps/demo-angular/src/home.component.ts
index 7f7e47c0..b04c3e66 100644
--- a/apps/demo-angular/src/home.component.ts
+++ b/apps/demo-angular/src/home.component.ts
@@ -75,6 +75,9 @@ export class HomeComponent {
{
name: 'nativescript-qr'
},
+ {
+ name: 'nativescript-splitsheet'
+ },
{
name: 'nativescript-tracking-transparency'
},
diff --git a/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.html b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.html
new file mode 100644
index 00000000..ccb8e2fc
--- /dev/null
+++ b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.ts b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.ts
new file mode 100644
index 00000000..2948ff53
--- /dev/null
+++ b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.component.ts
@@ -0,0 +1,19 @@
+import { Component, NgZone } from '@angular/core';
+import { DemoSharedNativescriptSplitsheet } from '@demo/shared';
+import { } from '@nstudio/nativescript-splitsheet';
+
+@Component({
+ selector: 'demo-nativescript-splitsheet',
+ templateUrl: 'nativescript-splitsheet.component.html',
+})
+export class NativescriptSplitsheetComponent {
+
+ demoShared: DemoSharedNativescriptSplitsheet;
+
+ constructor(private _ngZone: NgZone) {}
+
+ ngOnInit() {
+ this.demoShared = new DemoSharedNativescriptSplitsheet();
+ }
+
+}
\ No newline at end of file
diff --git a/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.module.ts b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.module.ts
new file mode 100644
index 00000000..1fa97a02
--- /dev/null
+++ b/apps/demo-angular/src/plugin-demos/nativescript-splitsheet.module.ts
@@ -0,0 +1,10 @@
+import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular';
+import { NativescriptSplitsheetComponent } from './nativescript-splitsheet.component';
+
+@NgModule({
+ imports: [NativeScriptCommonModule, NativeScriptRouterModule.forChild([{ path: '', component: NativescriptSplitsheetComponent }])],
+ declarations: [NativescriptSplitsheetComponent],
+ schemas: [ NO_ERRORS_SCHEMA]
+})
+export class NativescriptSplitsheetModule {}
diff --git a/apps/demo-react/package.json b/apps/demo-react/package.json
index d97d02f0..8237bf50 100644
--- a/apps/demo-react/package.json
+++ b/apps/demo-react/package.json
@@ -26,7 +26,8 @@
"@nstudio/nativescript-plaid": "file:../../packages/nativescript-plaid",
"@nstudio/nativescript-qr": "file:../../packages/nativescript-qr",
"@nstudio/nativescript-tracking-transparency": "file:../../packages/nativescript-tracking-transparency",
- "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect"
+ "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect",
+ "@nstudio/nativescript-splitsheet": "file:../../packages/nativescript-splitsheet"
},
"devDependencies": {
"@nativescript/android": "~8.4.0",
diff --git a/apps/demo-react/src/plugin-demos/nativescript-splitsheet.tsx b/apps/demo-react/src/plugin-demos/nativescript-splitsheet.tsx
new file mode 100644
index 00000000..35c89b42
--- /dev/null
+++ b/apps/demo-react/src/plugin-demos/nativescript-splitsheet.tsx
@@ -0,0 +1,30 @@
+import * as React from "react";
+import { Dialogs } from '@nativescript/core';
+import { StyleSheet } from "react-nativescript";
+import { DemoSharedNativescriptSplitsheet } from '@demo/shared';
+import { } from '@nstudio/nativescript-splitsheet';
+
+export function HomeScreen() {
+ return (
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ height: "100%",
+ flexDirection: "column",
+ justifyContent: "center",
+ },
+ button: {
+ fontSize: 24,
+ color: "#2e6ddf",
+ },
+});
\ No newline at end of file
diff --git a/apps/demo-svelte/app/plugin-demos/nativescript-splitsheet.svelte b/apps/demo-svelte/app/plugin-demos/nativescript-splitsheet.svelte
new file mode 100644
index 00000000..89a3d7e5
--- /dev/null
+++ b/apps/demo-svelte/app/plugin-demos/nativescript-splitsheet.svelte
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/demo-svelte/package.json b/apps/demo-svelte/package.json
index 2b89f3a2..de6ffc7a 100644
--- a/apps/demo-svelte/package.json
+++ b/apps/demo-svelte/package.json
@@ -26,7 +26,8 @@
"@nstudio/nativescript-plaid": "file:../../packages/nativescript-plaid",
"@nstudio/nativescript-qr": "file:../../packages/nativescript-qr",
"@nstudio/nativescript-tracking-transparency": "file:../../packages/nativescript-tracking-transparency",
- "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect"
+ "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect",
+ "@nstudio/nativescript-splitsheet": "file:../../packages/nativescript-splitsheet"
},
"devDependencies": {
"@nativescript/android": "~8.4.0",
diff --git a/apps/demo-vue/app/plugin-demos/nativescript-splitsheet.vue b/apps/demo-vue/app/plugin-demos/nativescript-splitsheet.vue
new file mode 100644
index 00000000..2a8dabba
--- /dev/null
+++ b/apps/demo-vue/app/plugin-demos/nativescript-splitsheet.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/demo-vue/package.json b/apps/demo-vue/package.json
index 65b5a6db..c034ef11 100644
--- a/apps/demo-vue/package.json
+++ b/apps/demo-vue/package.json
@@ -27,7 +27,8 @@
"@nstudio/nativescript-plaid": "file:../../packages/nativescript-plaid",
"@nstudio/nativescript-qr": "file:../../packages/nativescript-qr",
"@nstudio/nativescript-tracking-transparency": "file:../../packages/nativescript-tracking-transparency",
- "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect"
+ "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect",
+ "@nstudio/nativescript-splitsheet": "file:../../packages/nativescript-splitsheet"
},
"devDependencies": {
"@nativescript/android": "~8.4.0",
diff --git a/apps/demo/package.json b/apps/demo/package.json
index 783cb90f..6acf62c7 100644
--- a/apps/demo/package.json
+++ b/apps/demo/package.json
@@ -27,7 +27,8 @@
"@nstudio/nativescript-plaid": "file:../../packages/nativescript-plaid",
"@nstudio/nativescript-qr": "file:../../packages/nativescript-qr",
"@nstudio/nativescript-tracking-transparency": "file:../../packages/nativescript-tracking-transparency",
- "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect"
+ "@nstudio/nativescript-walletconnect": "file:../../packages/nativescript-walletconnect",
+ "@nstudio/nativescript-splitsheet": "file:../../packages/nativescript-splitsheet"
},
"devDependencies": {
"@nativescript/android": "~8.4.0",
diff --git a/apps/demo/src/main-page.xml b/apps/demo/src/main-page.xml
index 076015bf..8666d8ca 100644
--- a/apps/demo/src/main-page.xml
+++ b/apps/demo/src/main-page.xml
@@ -30,6 +30,7 @@
+
diff --git a/apps/demo/src/plugin-demos/nativescript-splitsheet.ts b/apps/demo/src/plugin-demos/nativescript-splitsheet.ts
new file mode 100644
index 00000000..3ff23e1f
--- /dev/null
+++ b/apps/demo/src/plugin-demos/nativescript-splitsheet.ts
@@ -0,0 +1,12 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedNativescriptSplitsheet } from '@demo/shared';
+import { } from '@nstudio/nativescript-splitsheet';
+
+export function navigatingTo(args: EventData) {
+ const page = args.object;
+ page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedNativescriptSplitsheet {
+
+}
diff --git a/apps/demo/src/plugin-demos/nativescript-splitsheet.xml b/apps/demo/src/plugin-demos/nativescript-splitsheet.xml
new file mode 100644
index 00000000..3f89dd87
--- /dev/null
+++ b/apps/demo/src/plugin-demos/nativescript-splitsheet.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/.eslintrc.json b/packages/nativescript-splitsheet/.eslintrc.json
new file mode 100644
index 00000000..53c06c8d
--- /dev/null
+++ b/packages/nativescript-splitsheet/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+ "extends": ["../../.eslintrc.json"],
+ "ignorePatterns": ["!**/*", "node_modules/**/*"],
+ "overrides": [
+ {
+ "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+ "rules": {}
+ },
+ {
+ "files": ["*.ts", "*.tsx"],
+ "rules": {}
+ },
+ {
+ "files": ["*.js", "*.jsx"],
+ "rules": {}
+ }
+ ]
+}
diff --git a/packages/nativescript-splitsheet/README.md b/packages/nativescript-splitsheet/README.md
new file mode 100644
index 00000000..91d6d84b
--- /dev/null
+++ b/packages/nativescript-splitsheet/README.md
@@ -0,0 +1,13 @@
+# @nstudio/nativescript-splitsheet
+
+```javascript
+npm install @nstudio/nativescript-splitsheet
+```
+
+## Usage
+
+// TODO
+
+## License
+
+Apache License Version 2.0
diff --git a/packages/nativescript-splitsheet/common.ts b/packages/nativescript-splitsheet/common.ts
new file mode 100644
index 00000000..2519bce8
--- /dev/null
+++ b/packages/nativescript-splitsheet/common.ts
@@ -0,0 +1,11 @@
+import { booleanConverter, LayoutBase, Property } from '@nativescript/core';
+
+export const scrollEnabledProperty = new Property({
+ name: 'scrollEnabled',
+ defaultValue: false,
+ valueConverter: booleanConverter,
+});
+
+export class SplitSheetBase extends LayoutBase {}
+
+scrollEnabledProperty.register(SplitSheetBase);
diff --git a/packages/nativescript-splitsheet/index.android.ts b/packages/nativescript-splitsheet/index.android.ts
new file mode 100644
index 00000000..3fc46bc4
--- /dev/null
+++ b/packages/nativescript-splitsheet/index.android.ts
@@ -0,0 +1,111 @@
+import { GridLayout, ViewBase } from '@nativescript/core';
+import { scrollEnabledProperty, SplitSheetBase } from './common';
+
+declare const io;
+
+export class SplitSheet extends SplitSheetBase {
+ private initCtrl = false;
+
+ private views: {
+ top?: android.view.View;
+ bottom?: android.view.View;
+ };
+
+ _listener;
+
+ createNativeView() {
+ const nativeView = new io.github.triniwiz.splitsheet.SplitSheet(this._context);
+ nativeView.setDisplaceContent(true);
+ nativeView.setShowHandle(false);
+ nativeView.setMinimumSheetHeight(400);
+ nativeView.setSnappingDistance(200);
+ nativeView.setAnimationDuration(0.2);
+ nativeView.setSwipeUpToShowAllowed(true);
+ nativeView.setMainViewBackgroundColor(java.lang.Integer.valueOf(android.graphics.Color.TRANSPARENT));
+ nativeView.setMainViewElevation(false);
+ const ref = new WeakRef(this);
+
+ this._listener = new io.github.triniwiz.splitsheet.SplitSheet.Events({
+ event(name, value) {
+ const owner = global.isIOS ? ref.deref?.() : ref.get?.();
+ owner?.notify?.({
+ eventName: name,
+ data: value ?? undefined,
+ });
+ },
+ });
+
+ return nativeView;
+ }
+
+ initNativeView(): void {
+ super.initNativeView();
+ this.nativeView.setEventListener(this._listener);
+ }
+
+ disposeNativeView(): void {
+ this.nativeView.setEventListener(null);
+ super.disposeNativeView();
+ }
+
+ [scrollEnabledProperty.setNative](value: boolean) {
+ if (this.nativeView) {
+ this.nativeView.setScrollEnabled(value);
+ }
+ }
+
+ openSheet(duration?: number) {
+ if (this.nativeView) {
+ if (duration) {
+ const originalDuration = this.nativeView.getAnimationDuration();
+ this.nativeView.setAnimationDuration(duration);
+
+ setTimeout(() => {
+ this.nativeView.setAnimationDuration(originalDuration);
+ }, duration * 1000);
+ }
+
+ this.nativeView.show(true);
+ }
+ }
+
+ closeSheet() {
+ this.nativeView?.show?.(false);
+ }
+
+ minimumHeight(value: number) {
+ if (this.nativeView) {
+ this.nativeView.setMinimumSheetHeight(value);
+ }
+ }
+
+ snappingDistance(value: number) {
+ if (this.nativeView) {
+ this.nativeView.setSnappingDistance(value);
+ }
+ }
+
+ _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean {
+ // super._addViewToNativeVisualTree(view, atIndex);
+ // console.log('(view as any).position:', (view as any).position);
+
+ if (!this.views) {
+ this.views = {};
+ }
+ if (!this.views.top || !this.views.bottom) {
+ if ((view as any).position === 'top') {
+ this.views.top = view.nativeView;
+ } else if ((view as any).position === 'bottom') {
+ this.views.bottom = view.nativeView;
+ }
+ }
+ if (!this.initCtrl && this.views.top && this.views.bottom) {
+ this.initCtrl = true;
+ this.nativeView.setup(this.views.top, this.views.bottom);
+ }
+
+ return true;
+ }
+}
+
+export class AutoLayout extends GridLayout {}
diff --git a/packages/nativescript-splitsheet/index.d.ts b/packages/nativescript-splitsheet/index.d.ts
new file mode 100644
index 00000000..f73e5e36
--- /dev/null
+++ b/packages/nativescript-splitsheet/index.d.ts
@@ -0,0 +1,11 @@
+import { LayoutBase } from '@nativescript/core';
+import { SplitSheetBase } from './common';
+
+export declare class SplitSheet extends SplitSheetBase {
+ openSheet(duration?: number): void;
+ closeSheet(): void;
+ minimumHeight(value: number): void;
+ snappingDistance(value: number): void;
+}
+
+export declare class AutoLayout extends LayoutBase {}
diff --git a/packages/nativescript-splitsheet/index.ios.ts b/packages/nativescript-splitsheet/index.ios.ts
new file mode 100644
index 00000000..a4f8ad20
--- /dev/null
+++ b/packages/nativescript-splitsheet/index.ios.ts
@@ -0,0 +1,6 @@
+import { GridLayout } from '@nativescript/core';
+import { SplitSheetBase } from './common';
+
+export class SplitSheet extends SplitSheetBase {}
+
+export class AutoLayout extends GridLayout {}
diff --git a/packages/nativescript-splitsheet/package.json b/packages/nativescript-splitsheet/package.json
new file mode 100644
index 00000000..8eb4158c
--- /dev/null
+++ b/packages/nativescript-splitsheet/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "@nstudio/nativescript-splitsheet",
+ "version": "1.0.0",
+ "description": "Add a plugin description",
+ "main": "index",
+ "typings": "index.d.ts",
+ "nativescript": {
+ "platforms": {
+ "ios": "6.0.0",
+ "android": "6.0.0"
+ }
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/nstudio/nativescript-plugins.git"
+ },
+ "keywords": [
+ "NativeScript",
+ "JavaScript",
+ "TypeScript",
+ "iOS",
+ "Android"
+ ],
+ "author": {
+ "name": "nstudio",
+ "email": "oss@nstudio.io"
+ },
+ "bugs": {
+ "url": "https://github.com/nstudio/nativescript-plugins/issues"
+ },
+ "license": "Apache-2.0",
+ "homepage": "https://github.com/nstudio/nativescript-plugins",
+ "readmeFilename": "README.md",
+ "bootstrapper": "@nativescript/plugin-seed"
+}
diff --git a/packages/nativescript-splitsheet/platforms/android/splitsheet-release.aar b/packages/nativescript-splitsheet/platforms/android/splitsheet-release.aar
new file mode 100644
index 00000000..444ec2d0
Binary files /dev/null and b/packages/nativescript-splitsheet/platforms/android/splitsheet-release.aar differ
diff --git a/packages/nativescript-splitsheet/project.json b/packages/nativescript-splitsheet/project.json
new file mode 100644
index 00000000..a9948e74
--- /dev/null
+++ b/packages/nativescript-splitsheet/project.json
@@ -0,0 +1,73 @@
+{
+ "name": "nativescript-splitsheet",
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
+ "projectType": "library",
+ "sourceRoot": "packages/nativescript-splitsheet",
+ "targets": {
+ "build": {
+ "executor": "@nrwl/js:tsc",
+ "options": {
+ "outputPath": "dist/packages/nativescript-splitsheet",
+ "tsConfig": "packages/nativescript-splitsheet/tsconfig.json",
+ "packageJson": "packages/nativescript-splitsheet/package.json",
+ "main": "packages/nativescript-splitsheet/index.d.ts",
+ "assets": [
+ "packages/nativescript-splitsheet/*.md",
+ "packages/nativescript-splitsheet/index.d.ts",
+ "LICENSE",
+ {
+ "glob": "**/*",
+ "input": "packages/nativescript-splitsheet/platforms/",
+ "output": "./platforms/"
+ }
+ ],
+ "dependsOn": [
+ {
+ "target": "build.all",
+ "projects": "dependencies"
+ }
+ ]
+ }
+ },
+ "build.all": {
+ "executor": "nx:run-commands",
+ "options": {
+ "commands": [
+ "node tools/scripts/build-finish.ts nativescript-splitsheet"
+ ],
+ "parallel": false
+ },
+ "outputs": [
+ "dist/packages/nativescript-splitsheet"
+ ],
+ "dependsOn": [
+ {
+ "target": "build.all",
+ "projects": "dependencies"
+ },
+ {
+ "target": "build",
+ "projects": "self"
+ }
+ ]
+ },
+ "focus": {
+ "executor": "nx:run-commands",
+ "options": {
+ "commands": [
+ "nx g @nativescript/plugin-tools:focus-packages nativescript-splitsheet"
+ ],
+ "parallel": false
+ }
+ },
+ "lint": {
+ "executor": "@nrwl/linter:eslint",
+ "options": {
+ "lintFilePatterns": [
+ "packages/nativescript-splitsheet/**/*.ts"
+ ]
+ }
+ }
+ },
+ "tags": []
+}
diff --git a/packages/nativescript-splitsheet/references.d.ts b/packages/nativescript-splitsheet/references.d.ts
new file mode 100644
index 00000000..98c5393d
--- /dev/null
+++ b/packages/nativescript-splitsheet/references.d.ts
@@ -0,0 +1 @@
+///
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.gitignore b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.gitignore
new file mode 100644
index 00000000..aa724b77
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.gitignore
@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+local.properties
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/.gitignore b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/.gitignore
new file mode 100644
index 00000000..26d33521
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/.gitignore
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/compiler.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/compiler.xml
new file mode 100644
index 00000000..fb7f4a8a
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/compiler.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/deploymentTargetDropDown.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/deploymentTargetDropDown.xml
new file mode 100644
index 00000000..80af5f7a
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/deploymentTargetDropDown.xml
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/gradle.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/gradle.xml
new file mode 100644
index 00000000..ad77f70e
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/gradle.xml
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/misc.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/misc.xml
new file mode 100644
index 00000000..5c9f89fe
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/.idea/misc.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/.gitignore b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/build.gradle b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/build.gradle
new file mode 100644
index 00000000..2ea51bff
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/build.gradle
@@ -0,0 +1,50 @@
+plugins {
+ id 'com.android.application'
+ id 'org.jetbrains.kotlin.android'
+}
+
+android {
+ namespace 'io.github.triniwiz.splitsheetdemo'
+ compileSdk 33
+
+ defaultConfig {
+ applicationId "io.github.triniwiz.splitsheetdemo"
+ minSdk 17
+ targetSdk 33
+ versionCode 1
+ versionName "1.0"
+
+ testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+ }
+
+ buildTypes {
+ release {
+ minifyEnabled false
+ proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+ }
+ }
+ compileOptions {
+ sourceCompatibility JavaVersion.VERSION_1_8
+ targetCompatibility JavaVersion.VERSION_1_8
+ }
+ kotlinOptions {
+ jvmTarget = '1.8'
+ }
+}
+
+dependencies {
+
+ implementation 'androidx.core:core-ktx:1.7.0'
+ implementation 'androidx.appcompat:appcompat:1.5.1'
+ implementation 'com.google.android.material:material:1.7.0'
+ implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+ implementation project(path: ':splitsheet')
+
+
+ def dynamicanimation_version = "1.0.0"
+ implementation("androidx.dynamicanimation:dynamicanimation:$dynamicanimation_version")
+
+ testImplementation 'junit:junit:4.13.2'
+ androidTestImplementation 'androidx.test.ext:junit:1.1.4'
+ androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.0'
+}
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/proguard-rules.pro b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+# http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+# public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/androidTest/java/io/github/triniwiz/splitsheetdemo/ExampleInstrumentedTest.kt b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/androidTest/java/io/github/triniwiz/splitsheetdemo/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..0ffdd241
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/androidTest/java/io/github/triniwiz/splitsheetdemo/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package io.github.triniwiz.splitsheetdemo
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+ @Test
+ fun useAppContext() {
+ // Context of the app under test.
+ val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+ assertEquals("io.github.triniwiz.splitsheetdemo", appContext.packageName)
+ }
+}
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/AndroidManifest.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..d89d0197
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/AndroidManifest.xml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/MainActivity.kt b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/MainActivity.kt
new file mode 100644
index 00000000..2e6a2471
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/MainActivity.kt
@@ -0,0 +1,72 @@
+package io.github.triniwiz.splitsheetdemo
+
+
+import android.graphics.BitmapFactory
+import android.graphics.Color
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import android.view.View
+import android.widget.ImageView
+import java.net.URL
+import java.util.concurrent.Executors
+import io.github.triniwiz.splitsheet.SplitSheet
+
+class MainActivity : AppCompatActivity() {
+ lateinit var imageView: ImageView
+ lateinit var splitsheet: SplitSheet
+ private val executor = Executors.newSingleThreadExecutor()
+ private val handler = Handler(Looper.getMainLooper())
+
+ override fun onCreate(savedInstanceState: Bundle?) {
+
+ super.onCreate(savedInstanceState)
+ val metrics = resources.displayMetrics
+ setContentView(R.layout.activity_main)
+ imageView = findViewById(R.id.imageView)
+ splitsheet = findViewById(R.id.splitSheet)
+ // splitsheet.mainViewBackgroundColor = Color.TRANSPARENT
+ splitsheet.mainViewElevation = false
+ splitsheet.displaceContent = false
+ splitsheet.showHandle = false
+// splitsheet.closedSheetHeight = 50F
+// splitsheet.minimumSheetHeight = 200F
+
+
+ splitsheet.eventListener = object : SplitSheet.Events {
+ override fun event(name: String, value: Any?) {
+ Log.d("MainActivity", "event: $name $value")
+ }
+ }
+// executor.execute {
+// try {
+// val url =
+// URL("https://picsum.photos/${metrics.widthPixels}/${metrics.heightPixels}")
+// val bm = BitmapFactory.decodeStream(url.openStream())
+// runOnUiThread {
+// imageView.setImageBitmap(bm)
+// }
+// } catch (e: Exception) {
+// e.printStackTrace()
+// }
+// }
+ }
+
+ fun toggleContent(view: View) {
+ splitsheet.show(!splitsheet.showing)
+ }
+
+ fun toggleCollapse(view: View) {
+ splitsheet.displaceContent = !splitsheet.displaceContent
+ }
+
+ fun toggleHandle(view: View) {
+ splitsheet.showHandle = !splitsheet.showHandle
+ }
+
+ fun toggleScroll(view: View) {
+ splitsheet.isScrollEnabled = !splitsheet.isScrollEnabled
+ }
+}
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/SplitSheetOld.kt b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/SplitSheetOld.kt
new file mode 100644
index 00000000..cf2018e3
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/java/io/github/triniwiz/splitsheetdemo/SplitSheetOld.kt
@@ -0,0 +1,766 @@
+package io.github.triniwiz.splitsheetdemo
+
+import android.animation.AnimatorSet
+import android.animation.ObjectAnimator
+import android.content.Context
+import android.graphics.Color
+import android.graphics.drawable.GradientDrawable
+import android.util.AttributeSet
+import android.util.SparseArray
+import android.util.TypedValue
+import android.view.*
+import android.view.ViewGroup.LayoutParams
+import android.view.animation.AccelerateDecelerateInterpolator
+import android.widget.FrameLayout
+import android.widget.LinearLayout
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.core.animation.doOnEnd
+import androidx.core.widget.NestedScrollView
+import kotlin.math.abs
+import kotlin.math.roundToInt
+import kotlin.math.roundToLong
+
+class SplitSheetOld : NestedScrollView {
+
+ constructor(context: Context) : super(context)
+
+ constructor(context: Context, attrs: AttributeSet) : super(context, attrs)
+
+ constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(
+ context,
+ attrs,
+ defStyle
+ )
+
+ var mainView: View? = null
+ var sheetView: View? = null
+
+ /// If true, `mainViewController` will shift up as the sheet is shown.
+ var displaceContent = true
+
+ /// Show a grabber handle.
+ var showHandle = true
+
+ /// The minimum sheet height.
+ var minimumSheetHeight = 400F
+
+ /// Enforce a sheet height which always shows when in "not showing" state
+ var closedSheetHeight = 90F
+
+ /// When the sheet is shown and dragged within this limit, the sheet will bounce back.
+ var snappingDistance = 150F
+
+ /// How long the show/hide animation takes.
+ var animationDuration = 0.4F
+
+ /// If swiping up to show the sheet is allowed or not.
+ var swipeUpToShowAllowed = true
+
+
+ /// The current state of the sheet. `true` if shown, `false` if hidden.
+ /// Observable with Combine.
+ var showing = false
+
+ var isScrollEnabled = true
+ set(value) {
+ containerView.requestDisallowInterceptTouchEvent(!value)
+ field = value
+ }
+
+ private val containerView = ConstraintLayout(context)
+
+ private val mainContainerView = LinearLayout(context)
+
+ private val sheetContainerView = LinearLayout(context)
+
+ private var handleView: View? = null
+
+ interface Events {
+ fun event(name: String, value: Any?)
+ }
+
+ var eventListener: Events? = null
+
+ val metrics = resources.displayMetrics
+
+ private fun toPx(dip: Float): Float {
+ return dip * metrics.density
+ }
+
+ private fun toPx(dip: Int): Int {
+ return (dip * metrics.density).roundToInt()
+ }
+
+ private fun toDip(px: Float): Float {
+ return px / metrics.density
+ }
+
+ private fun getScrollableLength(): Int {
+ return containerView.height
+ }
+
+ private val detents =
+ arrayOf(Pair(0F, Detents.Hidden), Pair(0F, Detents.Hidden), Pair(0F, Detents.Hidden))
+
+ override fun onAttachedToWindow() {
+ super.onAttachedToWindow()
+ velocityTracker = VelocityTracker.obtain()
+ }
+
+ override fun onDetachedFromWindow() {
+ super.onDetachedFromWindow()
+ velocityTracker?.clear()
+ }
+
+ private enum class Detents {
+ Hidden,
+ Shown,
+ Expanded
+ }
+
+ private val interpolator = AccelerateDecelerateInterpolator()
+
+ private var startX = 0F
+
+ private var startY = 0F
+
+ private var lastDeltaX = 0
+
+ private var lastDeltaY = 0
+
+ private var lastScrollX = 0
+
+ private var lastScrollY = 0
+
+ private var viewConfiguration = ViewConfiguration.get(context)
+
+ private var velocityTracker: VelocityTracker? = null
+
+ private var minFlingVelocity = 0
+
+ private var state = Detents.Hidden
+
+ private fun setState(state: Detents) {
+ this.state = state
+ }
+
+ init {
+ minFlingVelocity = viewConfiguration.scaledMinimumFlingVelocity
+
+ mainContainerView.orientation = LinearLayout.VERTICAL
+ sheetContainerView.orientation = LinearLayout.VERTICAL
+
+ containerView.id = View.generateViewId()
+ mainContainerView.id = View.generateViewId()
+ sheetContainerView.id = View.generateViewId()
+ }
+
+ fun setup(
+ mainView: View,
+ sheetView: View
+ ) {
+ this.mainView = mainView
+ this.sheetView = sheetView
+ setup()
+ }
+
+ override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+ super.onMeasure(widthMeasureSpec, heightMeasureSpec)
+
+ val height = MeasureSpec.makeMeasureSpec(heightMeasureSpec, MeasureSpec.EXACTLY)
+
+ val params = mainContainerView.layoutParams
+ params.width =
+ MeasureSpec.makeMeasureSpec(widthMeasureSpec, MeasureSpec.EXACTLY)
+ params.height = (height - toPx(closedSheetHeight)).toInt()
+
+ sheetContainerView.minimumHeight = toPx(minimumSheetHeight).roundToInt()
+ }
+
+ private fun setup() {
+ updateShowing(false)
+
+ mainContainerView.layoutParams = ConstraintLayout.LayoutParams(-1, 0)
+ .apply {
+ topToTop = ConstraintLayout.LayoutParams.PARENT_ID
+ leftToLeft = ConstraintLayout.LayoutParams.PARENT_ID
+ rightToRight = ConstraintLayout.LayoutParams.PARENT_ID
+ bottomToTop = sheetContainerView.id
+ }
+
+ mainView?.let {
+ mainContainerView.addView(mainView)
+ }
+
+ containerView.addView(mainContainerView)
+
+ sheetContainerView.layoutParams = ConstraintLayout.LayoutParams(-1, 0)
+ .apply {
+ // topMargin = -toPx(closedSheetHeight).roundToInt()
+ leftToLeft = ConstraintLayout.LayoutParams.PARENT_ID
+ rightToRight = ConstraintLayout.LayoutParams.PARENT_ID
+ topToBottom = mainContainerView.id
+ }
+
+ sheetView?.let {
+ sheetContainerView.addView(it, -1, -2)
+ }
+
+ containerView.addView(sheetContainerView)
+
+ addView(containerView, -1, -2)
+
+ isVerticalScrollBarEnabled = false
+ overScrollMode = OVER_SCROLL_ALWAYS
+ }
+
+ enum class Position(internal val value: Int) {
+ Undefined(-1),
+ Top(0),
+ Bottom(1);
+
+ companion object {
+ internal fun fromInt(value: Int): Position? {
+ return when (value) {
+ -1 -> Undefined
+ 0 -> Top
+ 1 -> Bottom
+ else -> null
+ }
+ }
+
+ internal fun fromIntOrDefault(value: Int?, def: Position): Position {
+ return fromInt(value ?: -2) ?: def
+ }
+ }
+ }
+
+ override fun addView(child: View, index: Int, params: ViewGroup.LayoutParams) {
+
+ if (child == containerView) {
+ super.addView(child, index, params)
+ return
+ }
+
+ val lp = child.layoutParams as? LayoutParams ?: run {
+ LayoutParams(child.layoutParams ?: generateDefaultLayoutParams())
+ }
+
+ val position = lp.position
+
+ if (mainView == null && position == Position.Undefined) {
+ mainView = child
+ return
+ }
+
+ if (sheetView == null && position == Position.Undefined) {
+ sheetView = child
+ setup()
+ return
+ }
+
+ }
+
+ override fun generateLayoutParams(attrs: AttributeSet): FrameLayout.LayoutParams {
+ return LayoutParams(context, attrs)
+ }
+
+ override fun generateDefaultLayoutParams(): FrameLayout.LayoutParams {
+ return LayoutParams(
+ ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT
+ )
+ }
+
+ override fun generateLayoutParams(p: ViewGroup.LayoutParams?): ViewGroup.LayoutParams {
+ return LayoutParams(p)
+ }
+
+ override fun checkLayoutParams(p: ViewGroup.LayoutParams?): Boolean {
+ return p is LayoutParams
+ }
+
+ companion object {
+
+ lateinit var context: Context
+
+ private fun getResourceId(context: Context, name: String, type: String): Int {
+ val id: Int
+ val packageName = context.packageName
+ id = try {
+ val className = Class.forName("$packageName.R$$type")
+ className.getDeclaredField(name.replace("res://", ""))[null] as Int
+ } catch (e: ClassNotFoundException) {
+ 0
+ } catch (e: NoSuchFieldException) {
+ 0
+ } catch (e: IllegalAccessException) {
+ 0
+ }
+ return id
+ }
+
+ private fun getAppContext(): Context {
+ return context
+ }
+ }
+
+ class LayoutParams : FrameLayout.LayoutParams {
+ internal var numericAttributes = SparseArray()
+ internal var stringAttributes = SparseArray()
+
+
+ constructor(width: Int, height: Int) : super(width, height) {
+
+ val id = getResourceId(getAppContext(), "SplitSheet_Layout_sheet_position", "styleable")
+ numericAttributes.append(id, -1F)
+ }
+
+ constructor(source: ViewGroup.LayoutParams) : super(source) {
+ if (source is LayoutParams) {
+ numericAttributes = source.numericAttributes.clone()
+ stringAttributes = source.stringAttributes.clone()
+ } else {
+ val id =
+ getResourceId(getAppContext(), "SplitSheet_Layout_sheet_position", "styleable")
+
+ numericAttributes.append(id, -1F)
+ }
+ }
+
+ constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
+ try {
+ val packageName = context.packageName
+ val className = Class.forName("$packageName.R\$styleable")
+
+ val attrId = className.getDeclaredField("SplitSheet_Layout").get(null) as IntArray
+ val id =
+ getResourceId(getAppContext(), "SplitSheet_Layout_sheet_position", "styleable")
+
+ val a = context.obtainStyledAttributes(attrs, attrId)
+
+ numericAttributes.append(id, -1F)
+
+ val attributeCount = a.indexCount
+ for (i in 0 until attributeCount) {
+ val attribute = a.getIndex(i)
+ val typedValue = TypedValue()
+ a.getValue(attribute, typedValue)
+ when (typedValue.type) {
+ TypedValue.TYPE_DIMENSION -> {
+ numericAttributes.put(
+ attribute, a.getDimensionPixelSize(attribute, 0).toFloat()
+ )
+ }
+ TypedValue.TYPE_STRING -> {
+ stringAttributes.put(attribute, a.getString(attribute))
+ }
+ else -> {
+ numericAttributes.put(attribute, a.getFloat(attribute, 0f))
+ }
+ }
+ }
+
+ a.recycle()
+
+ } catch (e: Exception) {
+ e.printStackTrace()
+ }
+ }
+
+ var position: Position
+ get() {
+ val id =
+ getResourceId(getAppContext(), "SplitSheet_Layout_sheet_position", "styleable")
+ return Position.fromIntOrDefault(
+ numericAttributes.get(id)
+ .roundToInt(),
+ Position.Undefined
+ )
+ }
+ set(value) {
+ val id =
+ getResourceId(getAppContext(), "SplitSheet_Layout_sheet_position", "styleable")
+ numericAttributes.put(
+ id,
+ value.value.toFloat()
+ )
+ }
+ }
+
+ private var mScrollable: Boolean = true
+
+ private var handleTouch = false
+
+ private var isDragging = false
+
+ private var didDrag = false
+
+ private var lastEvent = MotionEvent.ACTION_UP
+
+ override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
+ return when (ev.action) {
+ MotionEvent.ACTION_DOWN -> {
+
+ velocityTracker?.clear()
+
+ startX = ev.rawX
+ startY = ev.rawY
+
+ lastScrollX = this.scrollX
+ lastScrollY = this.scrollY
+
+
+ velocityTracker?.addMovement(ev)
+
+ lastEvent = MotionEvent.ACTION_DOWN
+
+ super.dispatchTouchEvent(ev)
+ }
+ MotionEvent.ACTION_MOVE -> {
+ val currentX = ev.rawX
+ val currentY = ev.rawY
+ lastDeltaX = (startX - currentX).toInt()
+ lastDeltaY = (startY - currentY).toInt()
+
+
+
+ if (lastEvent == MotionEvent.ACTION_DOWN && (lastDeltaY > 5 || lastDeltaY < -5)) {
+ lastEvent = MotionEvent.ACTION_MOVE
+ isDragging = true
+ eventListener?.event("beginDrag", null)
+ }
+
+ if (isDragging) {
+ velocityTracker?.addMovement(ev)
+ velocityTracker?.computeCurrentVelocity(1000)
+ }
+
+ super.dispatchTouchEvent(ev)
+ }
+ MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
+
+ if (!isScrollEnabled) {
+ return true
+ }
+
+ val velocity = velocityTracker?.yVelocity ?: 0F
+
+ handleTouch = handleScroll(velocity, scrollY) || super.dispatchTouchEvent(ev)
+
+ if (lastEvent == MotionEvent.ACTION_MOVE) {
+ isDragging = false
+ didDrag = true
+ }
+
+ lastEvent = ev.action
+
+ handleTouch
+ }
+ else -> super.dispatchTouchEvent(ev)
+ }
+ }
+
+ private fun updateShowing(showing: Boolean) {
+ this.showing = showing
+
+ eventListener?.event("showing", showing)
+
+ /// If `swipeUpToShowAllowed` is not enabled, prevent scrolling up when hidden.
+ if (!swipeUpToShowAllowed) {
+ mScrollable = showing
+ }
+
+ if (showHandle) {
+ addHandle()
+ } else {
+ handleView?.let {
+ removeView(it)
+ }
+ }
+ }
+
+ private fun addHandle() {
+ if (handleView != null) {
+ return
+ }
+
+ val handleContainer = LinearLayout(context)
+ handleContainer.orientation = LinearLayout.VERTICAL
+
+ val handleView = View(context)
+
+ val background = GradientDrawable()
+ background.setColor(Color.GRAY)
+ background.cornerRadius = toPx(2.5F)
+
+ handleView.background = background
+
+
+ handleContainer.addView(handleView, LinearLayout.LayoutParams(toPx(36), toPx(5)).apply {
+ gravity = Gravity.CENTER_HORIZONTAL
+ })
+
+ this.handleView = handleContainer
+
+ sheetContainerView.addView(handleContainer, 0, LinearLayout.LayoutParams(-1, toPx(5)))
+ }
+
+ private var animation: AnimatorSet? = null
+
+ private fun handleScroll(velocity: Float, scrollY: Int): Boolean {
+
+ val didFling = abs(velocity) > abs(minFlingVelocity)
+
+ val minimumSheetHeight = toPx(minimumSheetHeight)
+ val closedSheetHeight = toPx(closedSheetHeight)
+
+ /// The distance to the just-shown detent (shown, but not fully expanded).
+ val distanceToShown = minimumSheetHeight - scrollY
+
+ /// The content offset where the sheet is hidden.
+ val hiddenDetent = closedSheetHeight
+
+ /// The content offset where the sheet is *just* shown.
+ val shownDetent = minimumSheetHeight
+
+ /// The content offset where the scroll view hits the bottom.
+
+ val expandedDetent = (getScrollableLength() - height).toFloat()
+
+ detents[0] = Pair(hiddenDetent, Detents.Hidden)
+ detents[1] = Pair(shownDetent, Detents.Shown)
+ detents[2] = Pair(expandedDetent, Detents.Expanded)
+
+ if (didFling && velocity < 0) {
+
+ /// Only select smaller detents (prevents a flickering glitch.)
+ val availableDetents = detents.filter {
+ it.first < scrollY
+ }
+
+ var closestDetent = availableDetents.firstOrNull()
+
+ closestDetent?.let { closest ->
+ availableDetents.forEach {
+ if (abs(it.first - scrollY) < abs(closest.first - scrollY)) {
+ closestDetent = it
+ }
+ }
+ }
+
+ handler.postDelayed({
+ //"⬆️"
+ // smoothScrollTo(scrollX, shownDetent.roundToInt())
+
+ // doScroll(closestDetent?.second ?: state)
+
+ val newState = state
+ val state = when (state) {
+ Detents.Hidden -> hiddenDetent
+ Detents.Shown -> shownDetent
+ Detents.Expanded -> expandedDetent
+ }
+
+ smoothScrollTo(scrollX, closestDetent?.first?.roundToInt() ?: state.roundToInt())
+ updateState(closestDetent?.second ?: newState)
+
+ if (didDrag) {
+ handler.postDelayed({
+ didDrag = false
+ eventListener?.event("endDrag", null)
+ }, 40L)
+ }
+
+ }, 0L)
+ return true
+ } else if (didFling && velocity > 0) {
+
+ //"⬇️️"
+
+ val availableDetents = detents.filter { it.first < scrollY }
+
+ var closestDetent = availableDetents.firstOrNull()
+
+ closestDetent?.let { closest ->
+ availableDetents.forEach {
+ if (abs(it.first - scrollY) > abs(closest.first - scrollY)) {
+ closestDetent = it
+ }
+ }
+ }
+
+
+ handler.postDelayed({
+ // doScroll(closestDetent?.second ?: state)
+
+
+ // doScroll(closestDetent?.second ?: state)
+
+ val newState = state
+ val state = when (state) {
+ Detents.Hidden -> hiddenDetent
+ Detents.Shown -> shownDetent
+ Detents.Expanded -> expandedDetent
+ }
+
+ smoothScrollTo(scrollX, closestDetent?.first?.roundToInt() ?: state.roundToInt())
+ updateState(closestDetent?.second ?: newState)
+
+ if (didDrag) {
+ handler.postDelayed({
+ didDrag = false
+ eventListener?.event("endDrag", null)
+ }, 40L)
+ }
+
+ }, 0L)
+ return true
+ } else {
+ /// Ignore if sheet was released near the `expanded` detent.
+
+
+ val snappingDistance = toPx(this.snappingDistance)
+
+ if (distanceToShown > -snappingDistance) {
+ handler.postDelayed({
+ if (distanceToShown < snappingDistance) {
+ smoothScrollTo(scrollX, shownDetent.roundToInt())
+ updateState(Detents.Shown)
+ } else {
+ smoothScrollTo(scrollX, closedSheetHeight.roundToInt())
+ updateState(Detents.Hidden)
+ }
+
+ if (didDrag) {
+ handler.postDelayed({
+ didDrag = false
+ eventListener?.event("endDrag", null)
+ }, 40L)
+ }
+
+ }, 0L)
+ } else {
+
+ if (scrollY == 0) {
+ return false
+ }
+
+ val availableDetents = if (scrollY > 0) detents.filter { it.first < scrollY } else {
+ detents.filter { it.first > scrollY }
+ }
+
+ var closestDetent = availableDetents.firstOrNull()
+
+ closestDetent?.let { closest ->
+ availableDetents.forEach {
+ if (abs(it.first - scrollY) > abs(closest.first - scrollY)) {
+ closestDetent = it
+ }
+ }
+ }
+
+ val newState = state
+ val state = when (state) {
+ Detents.Hidden -> hiddenDetent
+ Detents.Shown -> shownDetent
+ Detents.Expanded -> expandedDetent
+ }
+
+ handler.postDelayed({
+ smoothScrollTo(scrollX, ((closestDetent?.first ?: state).roundToInt()))
+ updateState(closestDetent?.second ?: newState)
+
+ if (didDrag) {
+ handler.postDelayed({
+ didDrag = false
+ eventListener?.event("endDrag", null)
+ }, 40L)
+ }
+
+ }, 0L)
+ }
+
+ }
+ return true
+ }
+
+ private fun updateState(newState: Detents) {
+ state = newState
+ showing = newState == Detents.Shown
+
+ if (didDrag) {
+ eventListener?.event("showing", showing)
+ }
+ }
+
+ fun show(shouldShow: Boolean) {
+ if (shouldShow && state == Detents.Shown || !shouldShow && state == Detents.Hidden) {
+ return
+ }
+ animation?.cancel()
+ animation = null
+
+ val interpolator = this.interpolator
+ val minimumSheetHeight = toPx(minimumSheetHeight).roundToInt()
+ val closedSheetHeight = toPx(closedSheetHeight).roundToInt()
+
+ val toSize = if (shouldShow) {
+ minimumSheetHeight
+ } else {
+ closedSheetHeight
+ }
+
+ val scrollAnimation = ObjectAnimator.ofInt(this, "scrollY", toSize)
+ .apply {
+ addUpdateListener {
+ val value = (it.animatedValue as Int)
+ mainContainerView.translationY = value.toFloat()
+ sheetContainerView.translationY = value.toFloat()
+ }
+ }
+
+ val mainContainerViewHeight = mainContainerView.height
+ val newHeight = height - toSize
+ val heightAnimation = ObjectAnimator.ofInt(
+ mainContainerViewHeight,
+ newHeight
+ ).apply {
+ addUpdateListener {
+ val value = (it.animatedValue as Int)
+ val params = mainContainerView.layoutParams
+ params.height = value
+ mainContainerView.layoutParams = params
+ }
+ }
+
+ animation = AnimatorSet()
+ .apply {
+ playTogether(scrollAnimation, heightAnimation)
+ this.interpolator = interpolator
+ duration = (animationDuration * 1000).roundToLong()
+ doOnEnd {
+ showing = shouldShow
+ state = if (shouldShow) Detents.Shown else Detents.Hidden
+ eventListener?.event("showing", showing)
+
+ }
+ }
+
+
+ animation?.start()
+
+ }
+
+ override fun onOverScrolled(scrollX: Int, scrollY: Int, clampedX: Boolean, clampedY: Boolean) {
+ super.onOverScrolled(scrollX, scrollY, clampedX, clampedY)
+
+ mainContainerView.translationY = scrollY.toFloat()
+ sheetContainerView.translationY = scrollY.toFloat()
+
+ val params = mainContainerView.layoutParams
+ params.height = height - scrollY
+
+ mainContainerView.layoutParams = params
+ }
+
+}
diff --git a/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
new file mode 100644
index 00000000..2b068d11
--- /dev/null
+++ b/packages/nativescript-splitsheet/src-native/SplitSheetDemo/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+
+
+
+
+