Note: In iOS a zero cancels automatic kerning. use SP units).Īdditional spacing between characters (aka tracking). To respect the user' setting of large fonts (i.e. On android, numeric ranges has no granularity and '500' to '900' becomes 'bold', but you can use a fontFamily of specific weight ('sans-serif-thin', 'sans-serif-medium', etc). Note: Device manufacturer or custom ROM can change the default font. The default is the same applied by React Native: Roboto in Android, San Francisco in iOS. If this is an empty string the resulting width will be zero. This is the only required parameter and may include emojis or be empty, but it must not be null. Plain JS object with this properties (only text is required): Property For these cases, it is better to use flatHeights, which is optimized for batch processing. * There may be some inconsistencies in iOS, see this Know Issue to know more.Īlthough this function is accurate and provides complete information, it can be heavy if the text is a lot, like the one that can be displayed in a FlatList. If you provide width, the measurement will apply automatic wrapping in addition to the explicit line breaks. It takes a subset of the properties used by to describe the font and other options to use. This function measures the text as RN does and its result is consistent* with that of Text's onLayout event. Measure ( options : TSMeasureParams ) : Promise If it has helped you, please support my work with a star ⭐️ or ko-fi. In addition, the library includes functions to obtain information about the fonts visible to the App. width: Constraint for automatic line-break based on text-break strategy.In both functions, the text to be measured is required, but the rest of the parameters are optional and work in the same way as with React Native: The width and height are practically the same as those received from the onLayout event of a component with the same properties. The height of the text, with or without paddings.

The width used by the text, with an option to calculate the real width of the largest line.

The other one is measure, which gets detailed information about one block of text: There are two main functions: flatHeights to obtain the height of different blocks of text simultaneously, optimized for components such as or. Measure text accurately before laying it out and get font information from your App (Android and iOS).

San francisco font family react native