How to Craft a Shape Matching this Description

[RafaelCENG]

Greetings, everyone! I'm currently attempting to construct the depicted figure. As you can observe, it's a right triangle with intersecting lines that connect to other triangles, all topped with ellipses, if I'm interpreting it correctly. I'm still in the experimental phase, exploring Skia for the first time. I'm seeking guidance on how to approach this task. Should I utilize paths, vertices, or perhaps a combination of both? Please note that I'm not requesting specific code (although a small starting point would be appreciated), but rather, I'm looking for general guidance and advice.

[RafaelCENG]

After some time I believe that vertices + lines will make it work. How can i create that rounded edge in my triangles?

[wcandillon]

Raphael, a good bet here would be to start from a figma design. Figma primitives translate nicely to React Native Skia. I hope this helps.

[RafaelCENG]

Thanks for the response. We managed to make it with pure mathematics using a Circle and Vertices plus Lines.

[RafaelCENG]

The only problem we face right now is

  const font = useFont(require("../../../assets/fonts/DejaVuSans.ttf"), 16);
  <Text
        x={TextX1}
        y={TextY1}
        text="Lower Than TT"
        color={"blue"}
        font={font}
  />

[wcandillon]

this might be indicative of a small regression our side, in the meantime you can fix it by doing:

{font && (  <Text
        x={TextX1}
        y={TextY1}
        text="Lower Than TT"
        color={"blue"}
        font={font}
  />)}

does it work if you check if font is null (it will be null until the font is loaded).
You may want to look into the fontMgr too: https://shopify.github.io/react-native-skia/docs/text/fonts#custom-fonts

[RafaelCENG]

Sorry for interrupting. Trying now for the font manager apparently matchFont doesnt exists

Module '"@shopify/react-native-skia"' has no exported member 'matchFont'.ts(2305)

Version: "@shopify/react-native-skia": "0.1.172",

[RafaelCENG]

Found from the commits that FontManager was added last month. If I upgrade skia I need to build the apk again?

[wcandillon]

Are you using expo? if yes you will need to use expo-dev-client or way for the next sdk release.