通过眼睛图标使用Nativescript显示/隐藏密码文本

<StackLayout>
    <TextField secure="true" hint="Password" id="passwordField" />
    <Button text="Show/Hide Password" tap="togglePasswordVisibility" />
</StackLayout>

import { EventData, Observable } from "tns-core-modules/data/observable";
import { Button } from "tns-core-modules/ui/button";
import { TextField } from "tns-core-modules/ui/text-field";

export function togglePasswordVisibility(args: EventData) {
    const button = args.object as Button;
    const passwordField = button.page.getViewById("passwordField") as TextField;

    if (passwordField.secure) {
        passwordField.secure = false; // 显示密码明文
        button.text = "Hide Password";
    } else {
        passwordField.secure = true; // 隐藏密码密文
        button.text = "Show Password";
    }
}