Directive for NativeScript-angular, adding the property maxLines to Label

label-max-lines.directive.ts

// Usage: <Label maxLines="3" .. />

import { Directive, ElementRef, Input, OnInit, OnChanges } from '@angular/core';
import { Label } from 'tns-core-modules/ui/label';

declare const android, NSLineBreakMode: any;

@Directive({
  selector: 'Label[maxLines]',
})
export class LabelMaxLinesDirective implements OnInit, OnChanges {
  @Input('maxLines') public maxLines: number = 1;

  public get nativeView(): Label {
    return this.el.nativeElement;
  }

  constructor(private el: ElementRef) {}

  public ngOnInit() {
    const nativeView = this.nativeView;

    if (nativeView instanceof Label) {
      nativeView.on(Label.loadedEvent, () => {
        this.applyMaxLines();
      });
    }
  }

  public ngOnChanges(changes: any) {
    if (changes.maxLines) {
      this.applyMaxLines();
    }
  }

  private applyMaxLines() {
    const nativeView = this.nativeView;

    const maxLines = Math.max(Number(this.maxLines) || 0, 1);

    if (nativeView.android) {
      nativeView.android.setMaxLines(maxLines);
      nativeView.android.setEllipsize(android.text.TextUtils.TruncateAt.END);
    } else if (nativeView.ios) {
      setTimeout(() => {
        nativeView.ios.numberOfLines = maxLines;
        nativeView.ios.adjustsFontSizeToFitWidth = false;
        nativeView.ios.lineBreakMode = NSLineBreakMode.ByTruncatingTail;
      }, 0);
    }
  }
}

❤️
@EddyVerbruggen It works almost perfect...
But the Label node has the same height as before the truncating
Unfortunately NS does not have max-height :(
Any suggestion for this problem?

using the sizeToFit() to adjust height of label
refer: https://developer.apple.com/documentation/uikit/uilabel/1620539-numberoflines

Man you're awsome, thank you so much for this suggestion.

@huuthangdut or @mrcretu can show a code example for the sizeToFit() function please'
I tried but the label didn't change.
Thanks!
Marco

This works fine for me. Using NativeScript v8 and Angular v16. Thanks @EddyVerbruggen