Flutter

Question

我很抱歉问这个问题，因为我对 Flutter 还很陌生，它可能看起来很愚蠢。我正在尝试创建一个将在特定位置创建按钮的应用程序。我已经检查了有关 flutter 的文档，但找不到任何内容。请仅帮助需要使用的逻辑，我将重新搜索其余部分。（任何额外的帮助都是可观的）。下面是我想要实现的截图。

Answer 1

关注code-comment了解详情。

 List<int> data = [];

  ///tap event to increment the grid item
  void onTap() {
    setState(() {
      data.add(3); //random value
    });
  }
 /// adding button
  Widget addButton() {
    return GestureDetector(
      onTap: onTap,
      child: const Icon(
        Icons.add_circle,
        size: 45,
        color: Colors.black,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: data.isEmpty
          ? Center(
              /// you can use Align widget
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  addButton(),
                  Text("Nothing to show here"),
                ],
              ),
            )
          : GridView.count(
              crossAxisCount: 3,
              crossAxisSpacing: 10,
              mainAxisSpacing: 10,
              children: [
                ...data.map(
                  (e) => InkWell(
                    onTap: () {
                      print(e.toString());
                    },
                    child: Container(
                      color: Colors.deepOrange,
                    ),
                  ),
                ),

                /// add button
                addButton(),
              ],
            ),
    );
  }

Flutter - 在应用程序中创建按钮的逻辑。 Gridview、Listview 或其他？

Flutter - Logic to create buttons within the app. Gridview, Listview or something else?

dart

flutter-layout

flutter-listview

flutter-widget