Grid not expanding to fill screen

Question

I have the following grid, which is loaded inside a StackLayout:

            Grid grid = new Grid {
            VerticalOptions = LayoutOptions.FillAndExpand,
            HorizontalOptions = LayoutOptions.FillAndExpand,
            RowDefinitions = 
            {
                new RowDefinition { Height = new GridLength(40, GridUnitType.Auto) },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = GridLength.Auto },
                new RowDefinition { Height = new GridLength(40, GridUnitType.Auto) },
            },
            ColumnDefinitions = 
            {
                new ColumnDefinition { Width = new GridLength(100, GridUnitType.Auto) },
                new ColumnDefinition { Width = new GridLength(100, GridUnitType.Star) },
                new ColumnDefinition { Width = new GridLength(50, GridUnitType.Star) },
                new ColumnDefinition { Width = new GridLength(50, GridUnitType.Star) },
                new ColumnDefinition { Width = new GridLength(100, GridUnitType.Auto) },
            }
        };

        grid.Children.Add (btnMenu, 0, 1, 0, 1);
        grid.Children.Add (lblProfile, 1, 5, 0, 1);
        grid.Children.Add (btnEdit, 4, 5, 0, 1);
        grid.Children.Add (lblFirstName, 1, 2, 1, 2);
        grid.Children.Add (lblFirstNameValue, 2, 3, 1, 2);

        Content = new StackLayout { 
            HorizontalOptions = LayoutOptions.StartAndExpand,
            Children = { 
                grid
            }
        };

I have changed the width values and types of the width of the grid, but I can't make it to fill the whole screen, unless I use fixed values, which will look fine on my phone but really bad on everything else.

Try adding `VerticalOptions = LayoutOptions.FillAndExpand`to the parent `StackLayout` — pnavk, Jul 22 '15 at 14:02
HorizontalOptions = LayoutOptions.FillAndExpand worked, thanks! — Ilia Stoilov, Jul 22 '15 at 14:19

pnavk · Accepted Answer · 2019-03-14T17:30:34.193

14

Try adding VerticalOptions = LayoutOptions.FillAndExpand to the parent StackLayout

edited Mar 14 '19 at 17:30

answered Jul 22 '15 at 14:34

pnavk

4,552
2
19
43

score 0 · Answer 2 · answered May 02 '20 at 23:52

0

In my case, I had to add the VerticalOptions = FillAndExpand to the parent StackLayout as well as set the grandparent Frame to Padding = 0

answered May 02 '20 at 23:52

Philip

638
1
8
22

Grid not expanding to fill screen

2 Answers2