android – 在flutter app中添加图片
发布时间:2020-12-14 14:49:04 所属栏目:百科 来源:网络整理
导读:我是第一次开发Flutter应用程序..我在添加图像时遇到了问题.我有以下问题: 在哪里创建图像文件夹? 在pubspec.ymal中添加资产标签的位置? 这需要资产文件夹吗? 我尝试了什么: assets: - images/lake.jpg 在pubspec.ymal里面: 完整档案: name: my_flutt
我是第一次开发Flutter应用程序..我在添加图像时遇到了问题.我有以下问题:
>在哪里创建图像文件夹? 我尝试了什么: assets: - images/lake.jpg 在pubspec.ymal里面: 完整档案: name: my_flutter_app description: A new Flutter application. dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 dev_dependencies: flutter_test: sdk: flutter flutter: uses-material-design: true,assets: - images/lake.jpg 错误日志: #/properties/flutter/properties/uses-material-design: type: wanted [boolean] got true,Error detected in pubspec.yaml: Error building assets FAILURE: Build failed with an exception. * Where: Script '/home/abc/Downloads/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 435 * What went wrong: Execution failed for task ':app:flutterBuildDebug'. > Process 'command '/home/abc/Downloads/flutter/bin/flutter'' finished with non-zero exit value 1 * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. * Get more help at https://help.gradle.org BUILD FAILED in 1s Finished with error: Gradle build failed: 1 我的main.dart代码: // Copyright 2017 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import 'package:flutter/material.dart'; // Uncomment lines 7 and 10 to view the visual layout at runtime. //import 'package:flutter/rendering.dart' show debugPaintSizeEnabled; void main() { //debugPaintSizeEnabled = true; runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { Widget titleSection = new Container( padding: const EdgeInsets.all(32.0),child: new Row( children: [ new Expanded( child: new Column( crossAxisAlignment: CrossAxisAlignment.start,children: [ new Container( padding: const EdgeInsets.only(bottom: 8.0),child: new Text( 'Oeschinen Lake Campground',style: new TextStyle( fontWeight: FontWeight.bold,),new Text( 'Kandersteg,Switzerland',style: new TextStyle( color: Colors.grey[500],],new Icon( Icons.star,color: Colors.red[500],new Text('41'),); Column buildButtonColumn(IconData icon,String label) { Color color = Theme.of(context).primaryColor; return new Column( mainAxisSize: MainAxisSize.min,mainAxisAlignment: MainAxisAlignment.center,children: [ new Icon(icon,color: color),new Container( margin: const EdgeInsets.only(top: 8.0),child: new Text( label,style: new TextStyle( fontSize: 12.0,fontWeight: FontWeight.w400,color: color,); } Widget buttonSection = new Container( child: new Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly,children: [ buildButtonColumn(Icons.call,'CALL'),buildButtonColumn(Icons.near_me,'ROUTE'),buildButtonColumn(Icons.share,'SHARE'),); Widget textSection = new Container( padding: const EdgeInsets.all(32.0),child: new Text( ''' Lake Oeschinen lies at the foot of the Blüemlisalp in the Bernese Alps. Situated 1,578 meters above sea level,it is one of the larger Alpine Lakes. A gondola ride from Kandersteg,followed by a half-hour walk through pastures and pine forest,leads you to the lake,which warms to 20 degrees Celsius in the summer. Activities enjoyed here include rowing,and riding the summer toboggan run. ''',softWrap: true,); return new MaterialApp( title: 'Flutter Demo',home: new Scaffold( appBar: new AppBar( title: new Text('Top Lakes'),body: new ListView( children: [ new Image.asset( 'images/lake.jpg',width: 600.0,height: 240.0,fit: BoxFit.cover,titleSection,buttonSection,textSection,); } } 我指的是这个教程https://flutter.io/tutorials/layout/ 另外我想问一下,有什么工具可以在颤动中进行干净的重建,因为我找不到任何选择. 任何帮助,将不胜感激. 谢谢 ! 解决方法
我认为错误是由多余的,
flutter: uses-material-design: true,# <<< redundant,at the end of the line assets: - images/lake.jpg 我还建议在包含pubspec.yaml文件的目录中创建一个assets文件夹,并在那里移动图像并使用 flutter: uses-material-design: true assets: - assets/images/lake.jpg 如果将资产放在其他位置,资产目录将获得一些额外的IDE支持. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |