Hi folks. Love using this tool, but I couldn’t figure out a way to flexbox the elements within ContentLoader.
Let’s say you’re building a skeleton for an instant message. You’d have a static-sized avatar (circle), and you’d want the lines representing the message to fill up the remaining horizontal space and alternate between 100% and 80% like shown here:
It’s very easy to do with flexbox but I couldn’t figure out the right way to build it using this library for React Native. I’d appreciate any help and examples
Hey @alwye, thanks for raising this issue.
Unfortunately, there is no way to apply CSS styles into SVG tags, like rect and circle. As this package is pretty much an SVG component, you will not able to flex any of its children elements.
The only way I could figure out to make it work is using dynamic values, like a listener to measure the parent width and then pass this value to the children's width.
Hope it helps you.
|Issue Title||Created Date||Updated Date|