如何解决盒子上的资产图像
我尝试使用 ClipRRect 和 Assetimage 在圆角框上资产图像,
Widget drawingSelection(String indexedImage) {
Widget result = Align(
alignment: Alignment(0.0,0.0),child: SizedBox(
width: 300.0,height: 175.0,child: ClipRRect(
borderRadius: BorderRadius.circular(36.0),child: Container(
child: Image(image: Assetimage(indexedImage),),decoration: Boxdecoration(
color: Colors.white,);
return result;
}
它说无法资产我的形象,当然我检查了 pub.yaml 并且看起来没问题。 . (仅供参考,indexedImage = aa.jpg) . . 任何人都可以帮助我圆框上的资产图片?
解决方法
我看到你通过了 indexedImage = aa.jpg
路径是否指向该图像?因为一个典型的路径是这样的
CREATE OR ALTER PROCEDURE spNewCollectible(@game_id INT,@name VARCHAR(50)) AS
BEGIN
BEGIN TRANSACTION
BEGIN TRY
SELECT * FROM Collectible JOIN Collectible_instance ON Collectible_instance.collectible_id = Collectible.collectible_id WHERE Collectible.game_id = @game_id
IF @@ROWCOUNT > 0
THROW 51010,'Nelze přidat předměty po zahájení distribuce předmětů',1;
ELSE BEGIN
IF(SELECT COUNT(collectible_id)FROM Game JOIN Collectible ON Collectible.game_id = Game.game_id WHERE Game.game_id = @game_id GROUP BY Game.game_id)>=10
THROW 51011,'Byl dosažen maximální počet předmětů',1;
ELSE
INSERT INTO Collectible (game_id,collectible_name)VALUES (@game_id,@name)
END
COMMIT;
END TRY
BEGIN CATCH
ROLLBACK;
THROW;
END CATCH
END
如果还是不行?可以附上你的 pubspec.yaml 文件吗?
,因此,您应该遵循两个步骤: 在文件夹中添加图像(在我的情况下,我有资产文件夹), 然后在 pub spec.yaml 中定义 assets 文件夹。
我在这里所做的只是提到了文件夹名称,而不是其中的所有图像。
并查看可以以圆形方式制作图像的多种方法。 只是一个例子,以便它可以帮助其他人。
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
Widget drawingSelection(String indexedImage) {
Widget result = Align(
alignment: Alignment(0.0,0.0),child: SizedBox(
width: 300.0,height: 175.0,child: ClipRRect(
borderRadius: BorderRadius.circular(36.0),child: Container(
child: Image(
image: AssetImage(indexedImage),),decoration: BoxDecoration(
color: Colors.white,);
return result;
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text("Users List "),body: SingleChildScrollView(
child: Column(
children: [
drawingSelection("Assets/sample.jpg"),Text("Above is your widget"),SizedBox(
height: 10,Text("Check out the multiple ways below"),SizedBox(
height: 20,Text("This is using the container decoration"),Container(
width: 200.0,height: 200.0,decoration: new BoxDecoration(
shape: BoxShape.circle,image: new DecorationImage(
fit: BoxFit.fill,image: AssetImage("Assets/sample.jpg"),Text("This is using the ClipOval"),ClipOval(
child: Container(
width: 200,height: 200,child: Image.asset(
'Assets/sample.jpg',fit: BoxFit.cover,Text("This is using the ClipRRect"),Container(
width: 200,child: ClipRRect(
borderRadius: BorderRadius.circular(100),Text("This is using the CircleAvatar"),CircleAvatar(
radius: 100.0,backgroundImage: AssetImage("Assets/sample.jpg"),],);
}
}
检查一下,让我知道它是否有效。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。