Flutter 颤振设置页面的背景图像
我想将图像设置为页面的背景色,但下面的代码似乎无法正常工作。我不确定我的代码中是否有遗漏或错误。并且没有显示错误消息Flutter 颤振设置页面的背景图像,flutter,dart,Flutter,Dart,我想将图像设置为页面的背景色,但下面的代码似乎无法正常工作。我不确定我的代码中是否有遗漏或错误。并且没有显示错误消息 class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageState extends State<LoginPage> { @override Widget bu
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(),
],
),
),
),
);
}
class LoginPage扩展StatefulWidget{
@凌驾
_LoginPagentate createState()=>_LoginPagentate();
}
类_loginpagentate扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
背景颜色:Colors.tealacent,
主体:容器(
装饰:盒子装饰(
图像:装饰图像(
图像:AssetImage(“assets/images/background.png”),
适合:BoxFit.cover,
),
),
儿童:中心(
子:列(
mainAxisSize:mainAxisSize.max,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
尺寸箱(高度:50),
_signInButton(),
],
),
),
),
);
}
您只需像这样使用堆栈
小部件
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>
),
],
),
堆栈(
儿童:[
容器(
装饰:盒子装饰(
图像:装饰图像(
图片:AssetImage(“assets/login.png”),fit:BoxFit.fill),
高度:MediaQuery.of(context).size.height,
宽度:MediaQuery.of(context).size.width,
儿童:
),
],
),
希望有帮助!您收到错误消息了吗?有什么问题吗?终端中没有显示错误消息。请添加您的puspec.yaml文件