为什么 ElevatedButton 会被拉伸并成为背景？

Question

我是 Flutter 的新手，我不知道为什么 ElevatedButton 会拉伸并成为背景。我只想要一个简单的按钮。我怎么解决这个问题？这是下图：

这是我的代码

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: SafeArea(
                child: Center(
                    child: Column(
                      children: [
                        Image.asset(
                          'profile_image.jpg', height: 150, width: 150,),
                        const SizedBox(height: 15,),
                        Text("Hello World"),
                        const SizedBox(height: 15,),
                        const Text('Go back'),
                      ],
                    )
                 )
              ),
           ),
        )
     );
   }
}

Answer 1

您正在使用 body 上的按钮。这就是为什么全身充当按钮。

   body: Center(
      child: ElevatedButton(

你想要的只是用 ElevatedButton 包装 Text('Go back')),。

 return Scaffold(
        body: Center(
      child: SafeArea(
          child: Center(
              child: Column(
        children: [
          Image.asset(
            'profile_image.jpg',
            height: 150,
            width: 150,
          ),
          const SizedBox(
            height: 15,
          ),
          Text("Hello World"),
          const SizedBox(
            height: 15,
          ),
          ElevatedButton(
              onPressed: () {
                // Navigator.pop(context);
              },
              child: const Text('Go back')),
        ],
      ))),
    ));

为什么 ElevatedButton 会被拉伸并成为背景？

Why is ElevatedButton getting stretched and becoming a background?

flutter

flutter-layout