Flutter pubspec.yaml配置文件说明

版权声明:本文为博主原创文章,转载希望能注明出处,感谢。 https://blog.csdn.net/u010126792/article/details/82347269

有烦心事,有为难事!就怕没有好心态。(资料来源于flutter官网https://flutter.io/assets-and-images/

类似android开发中的AndroidManifest.xml,Gradle配置文件,Flutter项目根目录下的pubspec.yaml文件是Flutter的配置文件。

虽然都是移动开发中的配置文件,但差别还是挺大的。

在Flutter中,虽然在Flutter项目中的Android文件夹下有Gradle文件,但只有在添加平台相关所需的依赖关系时才使用这些文件。 否则,应该使用pubspec.yaml声明用于Flutter的外部依赖项。

下面简单介绍配置文件:

1完整配置文件

#name很重要,如果修改了name所有的dart的文件的import前引用的本地的文件啊的包名都需要修改
name: flutterdemo
description: A new Flutter application.

dependencies:
  flutter:
    sdk: flutter

 #添加依赖packages 
  cupertino_icons: ^0.1.2
  english_words: ^3.1.0
 # image_picker: ^0.4.8

dev_dependencies:
  flutter_test:
    sdk: flutter

  #启用国际化
  flutter_localizations:
    sdk: flutter

flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  #添加资源,不单单是图片,images是个和pubspec.yaml配置文件同级的目录,如果不同级,需要添加..
  assets:
        - images/park.jpg
        - images/lake.jpg
        - images/touxiang.jpg
  #  - images/a_dot_burr.jpeg
  #  - images/a_dot_ham.jpeg

   #字体设置
   fonts:
     - family: Schyler
       fonts:
       - asset: fonts/Schyler-Regular.ttf
        - asset: fonts/Schyler-Italic.ttf
           style: italic
     - family: Trajan Pro
       fonts:
      - asset: fonts/TrajanPro.ttf
      - asset: fonts/TrajanPro_Bold.ttf
        weight: 700

2 name:这里应该叫包名。

如果修改了配置文件中的name(flutterdemo ---flutterdemo111),下面对本地文件的引用前的包名都需要修改:import 'package:flutterdemo/FourPage.dart';
import 'package:flutterdemo/TabList.dart';
import 'package:flutterdemo/ThreePage.dart';
import 'package:flutterdemo/two.dart';

2.1 引入图片资源:assets: //引入图片资源,识别应用程序所需的asset,可以任意文件夹,Flutter将asset放置到称为 asset bundle 的特殊存档中,可以是图片,文本等资源。
- images/park.jpg
- images/lake.jpg

不同尺寸图片资源写法:
…/my_icon.png
…/2.0x/my_icon.png
…/3.0x/my_icon.png

读取文本:import 'package:flutter/services.dart' show rootBundle;
Future<String> loadAsset() async {
//读取文件是的路径,就是assets下配置的 
return await rootBundle.loadString('assets/config.json');
}

2.2 使用图片:
image:
//图片路径的配置
new AssetImage('graphics/background.png'),


2.3 加载依赖包中图片://配置name的作用,需要读取其他外部package下的资源时
new AssetImage('icons/heart.png', package: 'my_icons')
这里顺便说一下更新应用自身图标,只需要按照android,Ios自己的规范进行更新:

3 fonts:支持字体的设置,可以使用自定义字体。

设置方式: fonts:
- family: Schyler
fonts:
- asset: fonts/Schyler-Regular.ttf
- asset: fonts/Schyler-Italic.ttf
style: italic
使用方式:
style: new TextStyle( fontFamily: 'Schyler', fontSize: 24.0, ),

4 启用国际化,materialDesign:

 flutter_localizations:
sdk: flutter

flutter:
uses-material-design: true

暂时完结!

扫描二维码关注公众号,回复: 3274587 查看本文章

猜你喜欢

转载自blog.csdn.net/u010126792/article/details/82347269