网格仅创建一个框而不是 16x16 网格

Question

I'm setting up a grid that can be tapped to change colours (like a litebrite). However, it's not creating the whole grid, only one box.

Here's an image of the current output: https://imgur.com/a/e8d1CPw

for (int row = 0; row < rows; row++)
    {
    for(int col = 0; col < cols; col++)
        {
        BoxView box = new BoxView
            {
                VerticalOptions = LayoutOptions.Start,
                HorizontalOptions = LayoutOptions.Start,
                Color = borderColor,
            };
        /*  add code create TapGestureRecognizer entry */
        var tap = new TapGestureRecognizer();
        box.GestureRecognizers.Add(tap);
        tap.Tapped += OnBoxViewTapped;
        //  Add the current box to the boxes list
        boxes.Add(box); 
        //  Add the current box to the mainGrid
        mainGrid.Children.Add(box); 
        }
    }

Answer 1

you need to specify row and col when adding to the Grid, otherwise every child will be on top of each other at 0,0

mainGrid.Children.Add(box,row,col);