美文网首页
Flutter之Resource file configurat

Flutter之Resource file configurat

作者: 小言聊编程 | 来源:发表于2021-05-31 16:41 被阅读0次

    Resource file configuration

    In Flutter, the path of the resource needs to be configured in the pubspec.yaml file and then resources can be packaged for use.

    Add image resource file

    Add local image resources

    flutter:
        assets:
            // Import all the resource files under the images folder
            - images/
            // Only import pci.png which is under the images folder.
            - images/pci.png
    
    

    Use:

    Image.asset("images/pic.png")

    Add a image resource of plug-in

    Add dependency plug-in

    dependencies:
        flutter_gallery_assets: 0.1.6
    
    

    Register the resources in the plug-in

    flutter:
        assets:
            - packages/flutter_gallery_assets/places/india_chennai_flower_market.png
    
    

    To load an image in a dependent package, you must supply the package parameter to AssetImage.

    new AssetImage('places/india_chennai_flower_market.png', package: 'flutter_gallery_assets')
    

    Resolution-related image resources

    ../image.png
    ../1.0x/image.png
    ../2.0x/image.png
    
    

    Add font resources

    flutter:
        fonts:
          // The name of font
          - family: Schyler
            fonts:
              // font resourcce file
              - 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
          - family: Raleway
            fonts:
              - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Regular.ttf
              - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-Medium.ttf
                weight: 500
              - asset: packages/flutter_gallery_assets/fonts/raleway/Raleway-SemiBold.ttf
                weight: 600
    
    

    Use:

    TextStyle(
        fontFamily: 'Raleway',
        inherit: false,
        fontSize: 24.0,
        fontWeight: FontWeight.w500,
        color: Colors.white,
        textBaseline: TextBaseline.alphabetic,
      )
    

    Loading static data

    flutter:
      assets:
        - assets/config.json
    

    Use:

    DefaultAssetBundle.of(context).loadString("assets/config.json")
    

    Or

    Future<String> loadAsset() async {
      return await rootBundle.loadString('assets/config.json');
    }
    

    相关文章

      网友评论

          本文标题:Flutter之Resource file configurat

          本文链接:https://www.haomeiwen.com/subject/nbhlektx.html