NativeScript/apps/ui/src/css/text-shadow-page.ts

import { EventData, TextBase, parseCSSShadow } from '@nativescript/core';

// prettier-ignore
const possibleValues = [
	'2 10 4 rgb(255, 100, 100)',
	'2 10 2 rgba(10, 10, 10, 0.5)',
	'1 1 1 #55a',
	'2 2 2 #333',
	'0 0 1 yellow',
	'-1 -1 1 #333',
	''
];
let currentIndex = 0;

export function buttonTap(args: EventData) {
	let page = (<TextBase>args.object).page;
	let lbl = <TextBase>page.getViewById('Label');
	let btn = <TextBase>page.getViewById('Button');
	let textField = <TextBase>page.getViewById('TextField');
	let textView = <TextBase>page.getViewById('TextView');

	let newIndex = currentIndex++ % possibleValues.length;
	let newValue = possibleValues[newIndex];

	lbl.textShadow = parseCSSShadow(newValue);
	btn.textShadow = parseCSSShadow(newValue);
	textField.textShadow = parseCSSShadow(newValue);
	textView.textShadow = parseCSSShadow(newValue);

	if (lbl.text === 'Change text') {
		lbl.text = btn.text = textField.text = textView.text = 'Text changed';
	} else {
		lbl.text = btn.text = textField.text = textView.text = 'Change text';
	}
}