Paragraph, Not able to get getMaxWidth

[milindsakhare100]

Please provide any documentation to get the max width and height of the Paragraph.

[wcandillon]

the max width is the one you set to do the layout.
Once you have the layout you can do getHeight().
We will update the documentation on this.

[milindsakhare100]

Thanks for the reply.
I tried this, but then the font/text disappeared.

/* eslint-disable max-len */
import React, {useState, useMemo} from 'react';
import {Dimensions} from 'react-native';

import {Skia, Paragraph, useFonts} from '@shopify/react-native-skia';
const window = Dimensions.get('window');

export const TextAdd = ({matrix, editText, color}) => {
  const customFontMgr = useFonts({
    Roboto: [
      require('../../../assets/fonts/Lato-Bold.ttf'),
      require('../../../assets/fonts/Lato-Medium.ttf'),
    ],
  });

  const paragraph = useMemo(() => {
    // Are the font loaded already?
    if (!customFontMgr) {
      return null;
    }
    const textStyle = {
      color: Skia.Color('black'),
      fontFamilies: ['Roboto'],
      fontSize: 10,
    };
    return (
      Skia.ParagraphBuilder.Make({}, customFontMgr)
        .pushStyle(textStyle)
        .addText(editText)
        .pushStyle({...textStyle, fontStyle: {weight: 300}})
        // .addText('Skia 🎨')
        .pop()
        .build()
       .layout(window.width)
    );
  }, [customFontMgr, editText, matrix]);

  return (
    <Paragraph
      matrix={matrix}
      paragraph={paragraph}
      x={0}
      y={0}
      width={window.width}
    />
  );
};