npm install @nativescript/auto-fit-text
This plugin extends the Nativescript Label with changes to adjust the font size according to the label's width.
<Page
xmlns="http://schemas.nativescript.org/tns.xsd"
loaded="pageLoaded"
class="page"
xmlns:AFT="@nativescript/auto-fit-text"
>
<StackLayout class="p-20">
<AFT:AutoFitText text="Testinggggggggggggggggg" textWrap="false" />
</StackLayout>
</Page>
import { NativeScriptAutoFitTextModule } from '@nativescript/auto-fit-text/angular';
// Be sure to add the plugin module to your NgModule
@NgModule({
imports: [NativeScriptAutoFitTextModule],
})
<AutoFitText
row="2"
fontSize="48"
text="Lorem Ipsum this line of text with fontSize ignored because the text is so long."
textWrap="false"
/>
import { registerElement } from 'nativescript-vue'
registerElement('AutoFitText', () => require('@nativescript/auto-fit-text').AutoFitText)
<AutoFitText
fontSize="48"
text="Lorem Ipsum this line of text with fontSize ignored because the text is so long."
/>
@grantland - android-autofittextview
Apache License Version 2.0, January 2004