editable entry text field following a path

[OneArb]

Could you provide an example
of an editable entry text field following a path?

When populating a form
till now, developers have opted for
a rectangular shaped object
containing a blinking cursor

Is it possible in react-native-skia
to create an entry field
that would follow a path
either
the edge of the inner part of a circle
the inner part of this wave
Pedal to the Metal - React Native Skia
https://youtu.be/uvLQ5f3KDXk?t=7

[wcandillon]

We provide functions to get a position on a path, you can see an example here: https://github.com/wcandillon/can-it-be-done-in-react-native/blob/master/bonuses/skia-examples/src/PathGradient/Geometry.ts#L24 (https://www.youtube.com/watch?v=7SCzL-XnfUU) I hope this helps.

[OneArb]

Thanks,

This would be to output text on a path.

What about editing text directly on the path? Is it feasible with react-native-skia?

[wcandillon]

you can draw text along a path: https://shopify.github.io/react-native-skia/docs/text/path

[OneArb]

Thanks.

I realize that to create an editable field following a path, I'd have to rewrite the logic for that object from scratch.

[luizv]

@OneArb , any success with an editable text / paragraph? While I don't need it to follow a path, I'm looking on how can I direct edit a text rendered with skia.