Support letter-spacing in CSS

Low priority, but I would like {N} to support the letter-spacing CSS property. At the moment I’m manually calling setLetterSpacing() on Android, and trying (and failing) to use this technique for iOS http://stackoverflow.com/questions/20580736/how-to-increase-the-character-spacing-in-uilabel.

And, just as an idea, this might be a good first issue for someone looking to contribute to {N}.

Just fyi this is how I’m currently accomplishing this in Groceries: https://github.com/NativeScript/sample-Groceries/blob/be06c99c138ff0c214576ff71066be985955c967/app/views/login/login.js#L54-L68

Line-height would be a great addition as well. refer: #1664

I would argue not low priority as these seemingly "fluffy" features all go towards making nice looking apps, and in this case groceries is a showcase app so it would go towards reducing the code complexity for a new user looking at it.

There is an issue with the Label, TextField and TextView elements on iOS that text-transform does not apply when letter-spacing is set. For example:

<Label text="labelLabel" style="text-transform: uppercase; letter-spacing: 10;" />
<Button text="buttonButton" style="text-transform: uppercase; letter-spacing: 10;" />
<TextField text="textField" style="text-transform: uppercase; letter-spacing: 10;" />
<TextView text="textView" style="text-transform: uppercase; letter-spacing: 10;" />

It works as expected for Button.

Fixed #1757

Merge pull request #1975 from NativeScript/label-line-spacing

The letter-spacing property for Android is supported on API levels >= 21.

Have in mind that letter spacing should be specified in EM units, not pixels!

#2528

letter-spacing in CSS is not supported in ios..

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Navigation Menu

Repository navigation

Support letter-spacing in CSS #1757

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Support letter-spacing in CSS #1757

Description

Activity

tjvantoll commented on Mar 15, 2016

lawrencetaur commented on Mar 15, 2016

sitefinitysteve commented on Mar 18, 2016

vchimev commented on Mar 29, 2016

vchimev commented on May 3, 2016

hamorphis commented on Jul 29, 2016

priyangamani commented on Sep 25, 2017

lock commented on Aug 27, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions