Paragraph, width?

[milindsakhare100]

One more question,

As shown in the image, we can set maxWidth, here I set maxWidth equals number of characters. But when we click the enter button from the keyboard characters starts from a new line ( here I clicked enter after "Hello" ) . Therefore maxWidth remains the same. The paragraph is not covered in the box.

So How can I solve this issue?
How can I get the width so there should not be that space?

[wcandillon]

do you need to use getHeight? we are documenting it at #2049

[milindsakhare100]

Both the images have same maxWidth of paragraph, that is the number of characters.

[wcandillon]

This would be the bounding box API: https://shopify.github.io/react-native-skia/docs/text/paragraph/#paragraph-bounding-box

[milindsakhare100]

@wcandillon thanks, can we get getHeight and getLongestLine dynamically ? Basically in Instagram example?

Just like array/matrix dynamically changes in Instagram example.

[canerkaynar]

@milindsakhare100 did you find any solutions? facing the same issue. I am trying to get width dynamically but "paragraph bounding box" did not help me. It already needs the width to get height and getLongestLine. @wcandillon

[milindsakhare100]

@canerkaynar you can use useShareValue() hook. First set initial value in the hook and provide to the paragraph then it will give you longest line length ( from paragraph.getLongestLine()). Then set this length to the hook using ".value"