flutter 中间一个元素,最右边一个元素

最新推荐文章于 2024-02-19 16:03:45 发布

原创最新推荐文章于 2024-02-19 16:03:45 发布 · 974 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #前端 #javascript

安卓专栏收录该内容

381 篇文章

订阅专栏

本文介绍了一个使用Flutter实现的布局技巧，通过Row组件结合MainAxisAlignment.center、Expanded及Container等属性，实现了中间元素居中显示且带有固定边距的效果，并展示了如何添加图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

中间一个元素,最右边一个元素

           Row(
                  mainAxisAlignment: MainAxisAlignment.center,//这个很关键
                  children: [
                    Expanded(//这个很关键
                      child: Container(
                        alignment: Alignment.center,//这个很关键
                        margin: const EdgeInsets.only(top: 10, bottom: 10),
                        child: const Text(
                          "增加次数",
                          style: TextStyle(color: Colors.white),
                        ),
                      ),
                    ),
                    Container(child: const Image(
                        image: AssetImage(
                            'assets/images/icon_game_shake_love@2x.png'),
                        gaplessPlayback: true,
                        width: 18,
                        height: 17),)
                  ],
                ),