我如何使用 grideview.bulder 生成 8 个圆形头像小部件

Question

飞镖

我正在尝试使用 grideview.bulder 生成 8 个圆形头像小部件，然后将它们作为列表提取到 grideview.bulder ..

我已经做到了，抱歉我还是初学者

import 'package:flutter/material.dart';

class Kkk extends StatefulWidget {
  const Kkk({Key? key}) : super(key: key);

  @override
  _KkkState createState() => _KkkState();
}

class _KkkState extends State<Kkk> {
  @override


  Widget build(BuildContext context) {
    return GridView.builder(

        itemBuilder: itemBuilder,
        gridDelegate: null,
    );
  }
}

Answer 1

你可以使用这个：

GridView.builder(
            gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
                maxCrossAxisExtent: 200,
                childAspectRatio: 3 / 2,
                crossAxisSpacing: 20,
                mainAxisSpacing: 20),
            itemCount: 8,
            itemBuilder: (BuildContext ctx, index) {
              return CircleAvatar(
  backgroundColor: Colors.brown.shade800,
  child: const Text('YourText'),
);
            }),

您可以创建项目列表并使用索引来访问文本 widget.Also 的字符串输入，随意更改网格委托参数以具有各种纵横比。

我如何使用 grideview.bulder 生成 8 个圆形头像小部件

How can i generate 8 circle Avatar widgets using grideview.bulder

gridview

generator

dart

flutter