32.7 Working with Fixed GridItems
The GridItem fixed size setting allows rows or columns to be set at a specific size. When using only fixed GridItems in the array passed to the grid view, the number of GridItems will dictate the number of rows or columns. For example, the following array, when passed to a LazyVGrid view, will display a grid containing a single column with a width of 100dp.
private var gridItems = [GridItem(.fixed(100))]
The following array, on the other hand, will display a three column grid with the columns sized at 75dp, 125dp and 175dp respectively:
private var gridItems = [GridItem(.fixed(75)), GridItem(.fixed(125)),
GridItem(.fixed(175))]
When rendered, the grid will appear as shown in Figure 32-6:
Figure 32-6
When working with grids it is also possible to...