Forum Xamarin.Forms
We are excited to announce that the Xamarin Forums are moving to the new Microsoft Q&A experience. Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

We encourage you to head over to Microsoft Q&A for .NET for posting new questions and get involved today.

Remove extra space from FlexLayout

I have a FlexLayout with following properties. Whenever any element is added to it(except the first one), extra space gets added automatically at the bottom. How do I get rid of that extra space?

                 var flexLayout = new FlexLayout
                    Wrap = FlexWrap.Wrap,
                    JustifyContent = FlexJustify.Start,
                    AlignItems = FlexAlignItems.Center,
                    AlignContent = FlexAlignContent.Start,
                    BackgroundColor = Color.LightYellow,
                    HorizontalOptions = LayoutOptions.FillAndExpand,
                    VerticalOptions = LayoutOptions.Start

Can't paste image links here with the result. I have posted the same question on StackOverflow with all screenshots, search for Remove extra space from FlexLayout

Best Answers


  • Gaurav_MathurGaurav_Mathur USMember ✭✭

    Thanks Lucas. This solves the problem of empty space, however, if you add more buttons to FlexLayout they render outside the boundary of FlexLayout and got hidden or un-clickable. Just use string[] data = new string[] { "Button1", "Button2", "Button3", "Button4", "Button5", "Button6", "Button7", "Button8", "Button9", "Button0", "Button11", "Button12", "Button13", "Button14", "Button15", "Button16", "Button17", "Button18", "Button19", "Button20" };

Sign In or Register to comment.