flutter 如何在抖动中将图像右上方与屏幕对齐

weylhg0b 于 2022-11-17 发布在 Flutter

关注(0)|答案(4)|浏览(143)

我试着将资产对齐到屏幕的右上角，我也试过positioned小部件。但没有帮助。我也是flutter的新手。那么有没有其他小部件来实现这个目标？
这是我尝试的代码

Column(
          children: [
            Image.asset(
              'assets/design_el_1.png',
              alignment: Alignment.topRight
            ),
           
               other elements
               other elements
               other elements
            ]
          );

我想将紫色元素对齐到顶部，如何将图像对齐到屏幕的右上角？

flutter

来源：https://stackoverflow.com/questions/71556543/how-to-align-image-top-right-to-the-screen-in-flutter

4条答案

按热度按时间

ukqbszuj1#

Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    Image.asset(
                        'assets/images/onboard.jpeg',
                        width: 200,
                        height: 100,
                    ),
                  ],
                ),
               ],
            )

输出量：

赞(0）回复(0）举报 2022-11-17

wko9yo5t2#

您必须像下面给出的代码一样使用Align Widget

Align(
    alignment: Alignment.topRight,
      child: Image.asset("Assets/user.png"))

赞(0）回复(0）举报 2022-11-17

nvbavucw3#

用Align小工具 Package 你的Image.asset，并使用它的alignment: Alignment.centerRight属性。你的图片肯定会靠右对齐。

Align(
        alignment: Alignment.centerRight,
          child: Image.asset("Assets/user.png"))

P.S：-你可以使用你的资产图像，而不是我的图像：）

赞(0）回复(0）举报 2022-11-17

h9vpoimq4#

只需使用Align Package 小部件

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
      children: [
        Align(
          alignment: Alignment.topRight,
          child: Image.asset("images/demo.png"),
        ),
        Image.asset("images/demo.png"),
        Image.asset("images/demo.png"),
      ],
    ));
  }
}

picture

赞(0）回复(0）举报 2022-11-17

我来回答

flutter 如何在抖动中将图像右上方与屏幕对齐

4条答案

相关问题

热门标签

最新问答