Xamarin.forms: Forms 3.0: White border around frames?

Created on 8 May 2018  路  6Comments  路  Source: xamarin/Xamarin.Forms

In case of my app it looks cool and is a great design idea but I guess it might not be the expected / wanted result that Frames now have a random white border. This appears for me since the 3.0 update of forms.

layout regression Android bug

Most helpful comment

I have the same issue. This is probably because of #1385

Setting the BorderColor to transparent doesn't really fix it, because it causes the frame to become smaller that before the XF 3.0 update. You need to set the BorderColor property to the same color as the frame itself to preserve the frame size. However, this doesn't seem to work propertly with semi-transparent colors.

Why doesn't a frame have a borderwidth property? I think it should have it, and the default should be 0 to keep backwards compatibility.

The 3.0 update seems to have made all frame smaller, since the new border is taking up space

All 6 comments

Yeah... I confirm this is happening in Xamarin.Forms 3.0.0.446417 by default.

Simple workaround for now is to set BorderColor="Transparent" on the Frame.

I have the same issue. This is probably because of #1385

Setting the BorderColor to transparent doesn't really fix it, because it causes the frame to become smaller that before the XF 3.0 update. You need to set the BorderColor property to the same color as the frame itself to preserve the frame size. However, this doesn't seem to work propertly with semi-transparent colors.

Why doesn't a frame have a borderwidth property? I think it should have it, and the default should be 0 to keep backwards compatibility.

The 3.0 update seems to have made all frame smaller, since the new border is taking up space

could you please attach a small sample ? thanks

i can, but no sooner than coming Monday. so hopefully someone can upload a sample before then

Just use a Frame with any not white page on Android (didn't test iOS and UWP yet). Don't know what sample code you expect for such a issue?

I had the same issue today. I've tried both OutlineColor="Transparent" and BorderColor="Transparent", and both of the seems to work.

Was this page helpful?
0 / 5 - 0 ratings