[英]asset is unable to load in Flutter?
我想在 flutter 中顯示裝飾圖像,但是出現錯誤,我不知道為什么? 我是顫振的新手,我想將圖像顯示為顫振中活動的背景。 我在下面附上了錯誤消息,我的代碼中是否缺少任何內容或任何額外內容,我無法理解。
代碼
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
void main() {
runApp(MaterialApp(
title: "Creating account",
home: new account(),
));
}
class account extends StatefulWidget {
@override
_accountState createState() => _accountState();
}
class _accountState extends State<account> {
final _scaffoldKey = GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
return Scaffold(
key: _scaffoldKey,
body: Container(
/// color: Colors.blueGrey,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/image.jpg'), // <-- BACKGROUND IMAGE
fit: BoxFit.cover,
),
),
padding: EdgeInsets.all(40),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
FlutterLogo(
size: 100,
colors: Colors.grey,
),
TextFormField(
obscureText: false,
// keyboardType: TextInputType.number,
decoration: InputDecoration(
prefixIcon: Icon(Icons.person, color: Colors.grey),
hintText: "Full Name",
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
),
),
TextFormField(
obscureText: false,
// keyboardType: TextInputType.number,
decoration: InputDecoration(
prefixIcon: Icon(Icons.person, color: Colors.grey),
hintText: 'Email',
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
),
),
TextFormField(
obscureText: false,
keyboardType: TextInputType.number,
decoration: InputDecoration(
prefixIcon: Icon(Icons.person, color: Colors.grey),
hintText: 'Cell Number',
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
),
),
TextFormField(
obscureText: true,
obscuringCharacter: "x",
// keyboardType: TextInputType.number,
decoration: InputDecoration(
prefixIcon: Icon(Icons.lock, color: Colors.white),
hintText: 'Password',
hintStyle: TextStyle(
color: Colors.white, fontWeight: FontWeight.w600),
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
),
),
RaisedButton(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(18.0),
side: BorderSide(color: Colors.blue)),
color: Colors.white,
textColor: Colors.red,
padding: EdgeInsets.fromLTRB(40, 8, 40, 8),
onPressed: () => _displaySnackBar(context),
child: Text(
"Create Account",
style: TextStyle(
fontSize: 20.0,
),
),
),
],
),
),
),
);
}
_displaySnackBar(BuildContext context) {
final snackBar = SnackBar(content: Text('Aww SnackBar!'));
_scaffoldKey.currentState.showSnackBar(snackBar);
}
}
錯誤信息
══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════
The following assertion was thrown resolving an image codec:
Unable to load asset: images/image.jpg
請檢查您的 pubspec.ymal 文件並在那里添加您的資產文件夾的路徑。 assets>Images 在我的應用程序中的文件夾中,我有圖標或圖像。
assets:
- assets/images/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.