How to ignore accessibility fonts resize in Native

Question

I'm using NativeScript with Angular. Is there an attribute to specify on Labels/buttons to ignore the font increase due to accessibility settings? I need a solution for both android and ios. Thank you!

Answer 1

I just had a look a NativeScript own code and noticed this:

https://github.com/NativeScript/NativeScript/blob/master/tns-core-modules/ui/text-base/text-base.android.ts#L216

You could try this:

HTML:

<Label text="Fixed size text" (loaded)="fixedFontSize($event)"></Label>

TypeScript

import { Label } from 'ui/label';
...
fixedFontSize({object}, fontSize = 20) {
  const label = <Label>object;

  if (label.android) {
   label.nativeView.setTextSize(android.util.TypedValue.COMPLEX_UNIT_PX, utils.layout.toDevicePixels(fontSize));

  }
}

This should lock the fontSize of the label, until the CSS is changed.

Answer 2

If anybody interested, I found a workaround of using FormattedString for Labels, this object does not scale.