Как создать ячейки разных размеров, используя GridView во Flutter?

Question

Я хочу создать аналогичное представление с Flutter , как мы можем сделать, создав UICollectionViewLayout в iOS.

Это пример кода, который я использую. https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/material/grid_list_demo.dart

Как этого добиться, используя GridView в Флаттер . Если нет GridView, есть ли другой способ сделать это?

Answer 1

GridView не предназначен для этого. Возможно, вам удастся получить Wrap , чтобы сделать то, что вы хотите, хотя из вашего примера это может быть не совсем так (по горизонтали он определенно не будет, поскольку он упорядочивает элементы в строки; по вертикали это может работать для вас или может не зависеть от того, что именно вы делаете).

Если у вас когда-нибудь будут только два столбца, вы можете просто получить строку, содержащую два столбца, и обязательно поместить элементы в нужные столбцы.

Или более сложным, но, вероятно, лучшим ответом было бы написать логику для упорядочивания элементов таким способом самостоятельно - см. CustomMultiChildLayout .

РЕДАКТИРОВАТЬ: есть также пакет, который может работать для вас. Он не может выполнять произвольные размеры, и вам нужно заранее знать размеры элементов, но вы можете указать элементы, чтобы они занимали несколько строк или столбцов сетки. Смотрите здесь .

Обратите внимание, что если у вас много элементов, вы, вероятно, захотите что-то сделать с CustomScrollView , но на самом деле это не входит в рамки этого ответа.