Toxic Prince's questions

我正在尝试在 Flutter 中显示一个标题，其中标题Icon与小部件高度的中心对齐Text。这是我目前拥有的小部件结构：

//dart

Widget header() {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(
        "Welcome back",
        style: TextStyle(
          fontSize: 20,
        ),
      ),
      Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text(
            "User name",
            maxLines: 1,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              fontSize: 22,
              fontWeight: FontWeight.bold,
            ),
          ),
          Icon(
            kVerifiedIcon,
            color: kPrimaryColor,
            size: 15,
          ),
        ],
      ),
    ],
  );
}

结果：

目前，Icon相对于 似乎略有错位Text。我希望Icon根据 的高度垂直居中Text。

我尝试调整size的Icon并更改的crossAxisAlignment属性Row，但是没有按预期工作。

我正在开发一款 Flutter 应用，需要在水平滚动的gridview中显示项目。我希望 [tag:GridView ] 表现得像分页视图，其中每个“页面”精确滚动一组项目（如pageview），但我遇到了项目被裁剪的问题。

PageviewPhysic 滚动到项目裁剪问题图像

我使用pagescrollphysics设置了我的gridview，以实现分页滚动效果，并且我的网格设置为以 3x3 格式显示项目。但是，当我滚动时，下一个“页面”从项目的中间开始，导致项目在左侧被部分裁剪。

这是我当前的代码：

GridView.builder(
            // controller: controller,
            physics: PageScrollPhysics(),
            scrollDirection: Axis.horizontal,
            itemCount: 9,
            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              childAspectRatio: 2 / 8.80,
              mainAxisSpacing: 10,
              crossAxisSpacing: 0,
              crossAxisCount: 3,
            ),
            itemBuilder: (context, index) {
              return Row(
                children: [
                  ClipRRect(
                    borderRadius: BorderRadius.circular(8),
                    child: Image(
                      image: AssetImage('assets/images/appicon.png'),
                      height: 50,
                      width: 50,
                    ),
                  ),
                  SizedBox(width: 5),
                  Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        "App Name",
                        style: TextStyle(
                          fontSize: 16,
                          height: 1,
                        ),
                      ),
                      Text(
                        "App Type",
                        style: TextStyle(
                          fontWeight: FontWeight.w400,
                        ),
                      ),
                    ],
                  )
                ],
              );
            },
          ),

预期行为

我希望 GridView中每一页的滚动条都精确显示3列，并且整齐地对齐到下一组网格项的开头，而不会裁剪或部分显示任何项。