Question

我想将图像设置为页面的背景色，但是下面的代码似乎无法正常工作。我不确定我的代码中是否缺少某些内容或内部错误。而且没有显示错误消息。

class LoginPage extends StatefulWidget {
  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.tealAccent,
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/background.png"),
            fit: BoxFit.cover,
          ),
        ),
        child: Center(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              SizedBox(height: 50),
              _signInButton(),
            ],
          ),
        ),
      ),
    );
  }

Answer 1

您只需要像这样使用stack小部件

Stack(
        children: <Widget>[
          Container(
            decoration: BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("assets/login.png"), fit: BoxFit.fill)),
            height: MediaQuery.of(context).size.height,
            width: MediaQuery.of(context).size.width,
            child: <YOUR CHILD COMPONENTS WILL BE PLACED HERE>
          ),
        ],
      ),

希望这会有所帮助！

颤振为页面设置背景图像

1 个答案: