feat(android): edge to edge (#10774)

2025-11-05 13:26:48 +08:00 · 2025-11-04 23:13:15 -04:00
parent 55d111c19d
commit 248ff4bcae
51 changed files with 1737 additions and 256 deletions
--- a/packages/ui-mobile-base/android/widgetdemo/.gitignore
+++ b/packages/ui-mobile-base/android/widgetdemo/.gitignore
@@ -0,0 +1 @@
+/build
--- a/packages/ui-mobile-base/android/widgetdemo/build.gradle.kts
+++ b/packages/ui-mobile-base/android/widgetdemo/build.gradle.kts
@@ -0,0 +1,49 @@
+plugins {
+    id("com.android.application")
+    id("org.jetbrains.kotlin.android")
+}
+
+android {
+    namespace = "org.nativescript.widgetsdemo"
+    compileSdk = 35
+
+    defaultConfig {
+        applicationId = "org.nativescript.widgetsdemo"
+        minSdk = 21
+        targetSdk = 35
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_11
+        targetCompatibility = JavaVersion.VERSION_11
+    }
+    kotlinOptions {
+        jvmTarget = "11"
+    }
+}
+
+dependencies {
+
+    implementation("androidx.core:core-ktx:1.16.0")
+    implementation("androidx.appcompat:appcompat:1.7.1")
+    implementation("com.google.android.material:material:1.12.0")
+    implementation("androidx.activity:activity:1.10.1")
+    implementation("androidx.constraintlayout:constraintlayout:2.2.1")
+	implementation(project(":widgets"))
+	testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.2.1")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.6.1")
+}
--- a/packages/ui-mobile-base/android/widgetdemo/proguard-rules.pro
+++ b/packages/ui-mobile-base/android/widgetdemo/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
--- a/packages/ui-mobile-base/android/widgetdemo/src/androidTest/java/org/nativescript/widgetsdemo/ExampleInstrumentedTest.kt
+++ b/packages/ui-mobile-base/android/widgetdemo/src/androidTest/java/org/nativescript/widgetsdemo/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package org.nativescript.widgetsdemo
+
+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("org.nativescript.widgetsdemo", appContext.packageName)
+    }
+}
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/AndroidManifest.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/AndroidManifest.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.Android">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/java/org/nativescript/widgetsdemo/MainActivity.kt
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/java/org/nativescript/widgetsdemo/MainActivity.kt
@@ -0,0 +1,136 @@
+package org.nativescript.widgetsdemo
+
+import android.graphics.Color
+import android.os.Bundle
+import android.view.ViewGroup
+import android.widget.Button
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.widget.NestedScrollView
+import org.nativescript.widgets.CommonLayoutParams
+import org.nativescript.widgets.ContentLayout
+import org.nativescript.widgets.GridLayout
+import org.nativescript.widgets.LayoutBase
+import org.nativescript.widgets.StackLayout
+import org.nativescript.widgets.Utils
+
+class MainActivity : AppCompatActivity() {
+	override fun onCreate(savedInstanceState: Bundle?) {
+		super.onCreate(savedInstanceState)
+
+		Utils.enableEdgeToEdge(this)
+		val frame = ContentLayout(this)
+		val page = GridLayout(this)
+		page.layoutParams = CommonLayoutParams(
+			ViewGroup.LayoutParams(
+				ViewGroup.LayoutParams.MATCH_PARENT,
+				ViewGroup.LayoutParams.MATCH_PARENT
+			)
+		)
+		page.setBackgroundColor(Color.MAGENTA)
+		page.overflowEdge = LayoutBase.OverflowEdgeAllButTop
+//		page.setInsetListener {
+//			val insets = it.asIntBuffer()
+//			insets.put(0,0)
+//			insets.put(1,0)
+//			insets.put(2,0)
+//			insets.put(3,0)
+////			insets.put(3,0)
+////			insets.put(5,1)
+//		}
+
+		frame.setBackgroundColor(Color.BLUE)
+		frame.overflowEdge = LayoutBase.OverflowEdgeDontApply
+		frame.layoutParams = CommonLayoutParams(
+			ViewGroup.LayoutParams(
+				ViewGroup.LayoutParams.MATCH_PARENT,
+				ViewGroup.LayoutParams.MATCH_PARENT
+			)
+		)
+
+		val svp = StackLayout(this)
+//		svp.setBackgroundColor(Color.YELLOW)
+		svp.layoutParams = CommonLayoutParams(
+			ViewGroup.LayoutParams(
+				ViewGroup.LayoutParams.MATCH_PARENT,
+				ViewGroup.LayoutParams.MATCH_PARENT
+			)
+		)
+//		svp.setInsetListener {
+//			val insets = it.asIntBuffer()
+//			insets.put(0,0)
+//			insets.put(1,0)
+//			insets.put(2,0)
+//			insets.put(3,0)
+//			// insets.put(7, 1)
+//		}
+
+		svp.overflowEdge = StackLayout.OverflowEdgeAllButBottom
+		val scrollView = NestedScrollView(this)
+		scrollView.layoutParams = CommonLayoutParams(
+			ViewGroup.LayoutParams(
+				ViewGroup.LayoutParams.WRAP_CONTENT,
+				ViewGroup.LayoutParams.MATCH_PARENT
+			)
+		)
+		svp.addView(scrollView)
+
+		val container = StackLayout(this)
+		container.setBackgroundColor(Color.RED)
+		container.overflowEdge = StackLayout.OverflowEdgeNone
+
+		val text = TextView(this)
+		text.text = getString(R.string.ipsum)
+		text.textSize = 40f
+		text.setTextColor(Color.WHITE)
+		container.addView(text)
+		scrollView.addView(container)
+		page.addView(svp)
+		val btn = Button(this)
+		btn.text = "Toggle Overflow"
+		val params = CommonLayoutParams(
+			ViewGroup.LayoutParams(
+				ViewGroup.LayoutParams.WRAP_CONTENT,
+				ViewGroup.LayoutParams.WRAP_CONTENT
+			)
+		)
+		params.width = 300
+		params.height = 300
+		params.width
+		btn.layoutParams = params
+		btn.setOnClickListener {
+			val new_page = StackLayout(this)
+			new_page.setBackgroundColor(Color.BLUE)
+			new_page.layoutParams = CommonLayoutParams(
+				ViewGroup.LayoutParams(
+					300, 300
+				)
+			)
+			container.addView(new_page)
+
+
+			svp.overflowEdge = when (svp.overflowEdge) {
+				LayoutBase.OverflowEdgeNone -> {
+					LayoutBase.OverflowEdgeDontApply
+				}
+
+				LayoutBase.OverflowEdgeDontApply -> {
+					LayoutBase.OverflowEdgeTop
+				}
+
+				LayoutBase.OverflowEdgeTop -> {
+					LayoutBase.OverflowEdgeBottom
+				}
+
+				LayoutBase.OverflowEdgeBottom -> {
+					LayoutBase.OverflowEdgeTop.and(LayoutBase.OverflowEdgeBottom)
+				}
+
+				else -> LayoutBase.OverflowEdgeDontApply
+			}
+		}
+		page.addView(btn)
+		frame.addView(page)
+		setContentView(frame)
+	}
+}
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/drawable/ic_launcher_background.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/layout/activity_main.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/layout/activity_main.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/main"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Hello World!"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-hdpi/ic_launcher.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-hdpi/ic_launcher.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-hdpi/ic_launcher_round.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-hdpi/ic_launcher_round.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-mdpi/ic_launcher.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-mdpi/ic_launcher.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-mdpi/ic_launcher_round.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-mdpi/ic_launcher_round.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xhdpi/ic_launcher.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xhdpi/ic_launcher.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxhdpi/ic_launcher.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxhdpi/ic_launcher.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/values-night/themes.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/values-night/themes.xml
@@ -0,0 +1,7 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.Android" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your dark theme here. -->
+        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
+    </style>
+</resources>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/colors.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/colors.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/strings.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/strings.xml
@@ -0,0 +1,9 @@
+<resources>
+	<string name="app_name">WidgetDemo</string>
+	<string name="ipsum">
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur euismod dictum purus, non tempor tortor fermentum vehicula. Donec condimentum eleifend lacus, non varius dui feugiat quis. Integer tincidunt, erat nec lacinia maximus, ante tortor placerat arcu, eu dignissim mauris ipsum et diam. Proin sed magna dui. Donec consequat volutpat mi, sed facilisis quam sollicitudin ac. Nullam pulvinar nunc nec diam molestie, sit amet semper lectus efficitur. Aenean ut lacus arcu. Donec non tempor risus.
+
+Pellentesque blandit congue mattis. Proin eget nibh id nisl pellentesque elementum. Vestibulum neque arcu, luctus vitae pretium sed, venenatis quis odio. Quisque varius ligula id quam ullamcorper, ut gravida magna aliquam. Proin sit amet nibh tempus, aliquam justo ut, accumsan nibh. Curabitur non neque dui. Phasellus ac semper nunc. Aenean placerat lacinia suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+</string>
+</resources>
--- a/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/themes.xml
+++ b/packages/ui-mobile-base/android/widgetdemo/src/main/res/values/themes.xml
@@ -0,0 +1,9 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.Android" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your light theme here. -->
+        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+    </style>
+
+    <style name="Theme.Android" parent="Base.Theme.Android" />
+</resources>
--- a/packages/ui-mobile-base/android/widgetdemo/src/test/java/org/nativescript/widgetsdemo/ExampleUnitTest.kt
+++ b/packages/ui-mobile-base/android/widgetdemo/src/test/java/org/nativescript/widgetsdemo/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package org.nativescript.widgetsdemo
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}