nativescript-auto-fit-label
by brandless | v1.0.4
AutoFitText NativeScript plugin.
npm i --save nativescript-auto-fit-label

AutoFitText

This plugin is based on the Nativescript Label implementation but with changes to adjust the font size according of the label's width

Example Image

Prerequisites / Requirements

This plugin is only tested with {N} > 3.0.0

Installation

Describe your plugin installation steps. Ideally it would be something like:

tns plugin add nativescript-auto-fit-text

Usage

Angular

import { AutoFitTextModule } from "nativescript-auto-fit-text/angular"

@NgModule({
...
imports: [
AutoFitTextModule
],
...
})
export class AppModule { }
<AutoFitText text="Testinggggggggggggggggg" textWrap="false"></AutoFitText>

Vanilla Nativescript

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" class="page" xmlns:ui="nativescript-auto-fit-text">
<StackLayout class="p-20">
<ui:AutoFitText text="Testinggggggggggggggggg" textWrap="false"></ui:AutoFitText>
</StackLayout>
</Page>

Credits

@grantland - android-autofittextview

License

Apache License Version 2.0, January 2004