Skip to content
On this page

Grid View

A representation of Layout Gtid.

NikuGridView accepts all the props as same as GridView.

// Using namespace
n.GridView()
    .gridDelegate = delegate;

// Using Niku Prefix
NikuGridView()
    .gridDelegate = delegate;

Example Usage

n.GridView.count()
    ..count = 3  // CrossAxisCount
    ..ratio = 1
    ..children = List.generate(
        items.length, 
        (index) => items[index].n,
    )
    ..mainAxisSpacing = 8
    ..crossAxisSpacing = 8;

Using Builder

n.GridView.builder()
    ..delegate = const SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 200,
    )
    ..useItemBuilder((context, index) => value[index].n);

Using children

n.GridView.count()
    ..delegate = const SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 200,
    )
    ..children = List.generate(
        items.length, 
        (index) => items[index].n,
    );

Factory Method

Niku can accepts 6 factory method.

Factory MethodEquivalent Widget
n.GridViewGridView
n.GridView.children-
n.GridView.builderGridView.builder
n.GridView.countGridView.count
n.GridView.customGridView.custom
n.GridView.extentGridView.extend

Defination

View Defination on pub.dev