Coder Social home page Coder Social logo

assetsrefgenerator's Introduction

AssetRefGenerator

Makes it easier to use and preview assets in Flutter, just like using R.drawable.xxx in Android!

View asset images quickly in both yaml and dart file.

yaml usage dart usage

Support asset image preview in a variety of dart code writing styles.

dart usage

中文文档

Features

1.1.0

  • You can view the asset image by click the gutter icon, or ctrl+click, or mouse hover, even you didn't generate the res.dart.
  • When rename a asset file, the related reference string will also be updated automatically.

1.0.0

  • Update assets declaration in pubspec.yaml automatically.
  • Generate a res.dart file contained assets definition.

Getting started

  • Open your Flutter project.
  • Create assets directory named asset, assets, or images, put your asset files in the directory.
  • Click the action button Image text in the Toolbar.
  • Now you'll see the pubspec.yaml file has been updated, and a res.dart file also has been created under lib.

Change-notes

1.1.0

  • When there's a asset reference in the code line, the editor will show a gutter icon. Clicking the gutter icon will open the asset file.
  • Support ctrl+click on asset reference to open the asset file in the editor.
  • Mouse hover on a asset reference in the code line, the documentation window will show the asset image preview.
  • When rename a asset file, the related reference string will also be updated automatically.
  • Bug fix: the generated res.dart has syntax error when asset file name contains hyphen(#8). The solution is to replace hyphen with a underline.

1.0.1

  • Support Flutter Module, Package and Plugin project.
  • Ignore .DS_Store file on Mac OS X.

1.0.0

  • Implement basic functions.

Thanks

assetsrefgenerator's People

Contributors

andrewshen812 avatar cat-x avatar feicien avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.