在 Flutter 中将图像对齐到左上角

Question

我是 Flutter 的新手，不知道如何对齐我的一个包含图像的子部件。这是我到目前为止尝试过的：

@override
Widget build(BuildContext context) {
  return Scaffold(
  appBar: AppBar(
    title: Text(widget.username),
    backgroundColor: new Color(0xFF24292E),
  ),
  body: Center(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Image.asset(
          'assets/profile.png', width: 100.0, height: 100.0,
        ),
      ],
    ),
  ),
);
}

但是图像停留在屏幕的中央顶部。如何将它移动到相对于屏幕的左上角？谢谢

Answer 1

您已将列居中，这就是其中所有内容居中的原因。只需删除顶级 Center() 小部件，您的图像就会左上角对齐。

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text(widget.username),
      backgroundColor: new Color(0xFF24292E),
    ),
    body: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Image.asset(
          'assets/profile.png', width: 100.0, height: 100.0,
        ),
      ],
    ),
  );
}

在 Flutter 中将图像对齐到左上角

Align an image to top left in Flutter

dart

flutter

flutter-layout