颤音：如何定位单个vridview儿童

Question

我有点新手，试图列出所有元素适合屏幕上的列表，并且均匀且对称地放置。我目前正在使用GridView，但我不知道如何更改单个元素的位置。更具体地说，我正在尝试更改最后一行的位置，以使其与其他行对称。

感谢任何帮助或建议！

    @override
    Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: const Align(
              alignment: Alignment.center,
              child: Text("Alfabeya Kurdî"),
            ),
          ),
          body: GridView.count(
            crossAxisCount: 8,
            childAspectRatio: 3 / 2,
            crossAxisSpacing: 50,
            mainAxisSpacing: 100,
            children: List.generate(
              (_alphabet.length - 1),
              (index) {
                const SizedBox(height: 30);
                return ClipRRect(
                  borderRadius: BorderRadius.circular(10),
                  child: Stack(
                    children: <Widget>[
                      Positioned.fill(
                        child: Container(
                          decoration: const BoxDecoration(
                            gradient: LinearGradient(
                              colors: <Color>[
                                Color(0xFF0D47A1),
                                Color(0xFF1976D2),
                                Color(0xFF42A5F5),
                              ],
                            ),
                          ),
                        ),
                      ),
                      Align(
                        alignment: Alignment.bottomCenter,
                        child: TextButton(
                          style: TextButton.styleFrom(
                            padding: const EdgeInsets.all(16.0),
                            primary: Colors.white,
                            textStyle: const TextStyle(fontSize: 20),
                          ),
                          onPressed: () {},
                          child: Text(_alphabet[index]),
                        ),
                      ),
                    ],
                  ),
                );
              },
            ),
          ),
        );
      }

这就是我的GridView当前看起来

Answer 1

您可以使用带有对齐属性的包装小部件

@override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Align(
            alignment: Alignment.center,
            child: Text("Alfabeya Kurdî"),
          ),
        ),
        body: SizedBox(
          width: MediaQuery.of(context).size.width,
          child: Wrap(
            alignment: WrapAlignment.center,
            direction: Axis.horizontal,
            runSpacing: 10,
            spacing: 50,
            children: List.generate(
              26,
              (index) => Container(
                  height: 60,
                  width: 50,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(5),
                    gradient: const LinearGradient(
                      colors: <Color>[
                        Color(0xFF0D47A1),
                        Color(0xFF1976D2),
                        Color(0xFF42A5F5),
                      ],
                    ),
                  ),
                  child: Align(
                    alignment: Alignment.bottomCenter,
                    child: TextButton(
                      style: TextButton.styleFrom(
                        padding: const EdgeInsets.all(10.0),
                        primary: Colors.white,
                        textStyle: const TextStyle(fontSize: 20),
                      ),
                      onPressed: () {},
                      child: Text('$index'),
                    ),
                  )),
            ),
          ),
        ));
  }