Block property on button does not consistently work properly about fluentui-react-native HOT 4 OPEN

@Saadnajmi, please assign this to me.

from fluentui-react-native.

@Saadnajmi, please assign this to me.

We don't really use the assign feature of GitHub issues much, but please feel free to go for it! :)

from fluentui-react-native.

@Saadnajmi, please assign this to me.

Thank you thesharifi, I'd also like to understand if it's possible for this to work under android as currently it does not. If that isn't possible then I wonder if should just be worked around some other way globally.

from fluentui-react-native.

@Saadnajmi, please assign this to me.

We don't really use the assign feature of GitHub issues much, but please feel free to go for it! :)

So I've done a bit more digging and I've found an interesting issue. If you want a FURN Button component to be the full width of the container on iOS and Android there's some more issues. Android doesn't support Block so you can set the button width to 100% and that works, and it works on iOS as well, but if you want the button to have say a left and right margin to the edges so you set margin:10, then you'll see on Android it works but on iOS it will compute the width of the button first, then move it over the 10 from the left, resulting in this behaviour of the button being off screen on the right.

from fluentui-react-native.