using calcwidth about chessboardjsx HOT 6 OPEN

@moblizeit

Remove your width propety and use calcWidth. calcWidth is a property like width, but instead of taking in a number, it takes in a function that returns a number (the dynamically-generated width). Here's an example:

calcWidth={(size) =>
            size.screenWidth > maxWidth &&
            size.screenHeight > maxWidth
              ? maxWidth
              : Math.min(size.screenWidth, size.screenHeight)
          }

The input parameter is size (which comes with screenWidth and screenHeight) and the output parameter is the width; in this case, it's the smaller of screenWidth or screenHeight below maxWidth.

from chessboardjsx.

Use the calcWidth prop instead of the width prop

from chessboardjsx.

example to do that? i am using it in a react native app and not sure what should be the value for this property

from chessboardjsx.

Hi @willb335 @jeremywiedemeier @moblizeit
Any working react native example for chessboardjsx ?
Is it good to use this library in react native ?

from chessboardjsx.

@agam-colaburate

Not sure this can work within a webview for react native. Sorry no mobile examples

from chessboardjsx.

I guess Webview wont be a good option because we won't have any control over it, Thanks for replying though !

from chessboardjsx.