[iOS] Why is the sizing required in the provided Fabric component example

[jdesgagne-onemedical]

In this example, why is hardcoded height from react required? Is there a way to not have to specify it from react, but infer it natively from its children sizing?

[s77rt]

👋 Hi! I was struggling with this too. The key here is to provide your own shadow view then you would have more control over the layout. For instance you can:

1. Call setSize to change the size of the view from native
2. Override measureContent

Here are helpful resources on getting started with shadow view:

• https://blog.swmansion.com/react-natives-new-architecture-the-tricky-parts-1-2-bb0c16950f2d
• https://blog.swmansion.com/react-natives-new-architecture-the-tricky-parts-2-2-ac5f2adf22ec

Credits to Software Mansion team.

Here is a PR that you can use as a reference:

s77rt/react-native-date-picker#20

[jdesgagne-onemedical]

Thanks, I went with a similar approach and had successful results. One thing that was causing problems for me was the automatic recycling of Fabric views (shouldBeRecycled), turning it to NO solve a lot of my problem related to shadow node setSize.

+ (BOOL)shouldBeRecycled
{
  return NO;
}