svg_bin 0.1.3

A flutter pacakge that compiles your svg to vec and helps display vec

SVG_BIN

A helper flutter pacakge that converts your .svg files to binary with the extension .vec using vector_graphics_compiler and provides a widget to render those .vec files using vector_graphics package.

• vector_graphics_compiler
• vector_graphics

Note: Under Construction

Features

• ✅ generate .vec files
• ✅ generate asset class
  • ✅ folder asset class
  • ✅ category class
• ❌ add args parser to toggle category modes
• ❌ add args parser to change assets directory (input) and assets class directory(output)

Getting started

• Install the package using following command inside your flutter project.

flutter pub add svg_bin

• Generate the vec files using the following command

dart run svg_bin

• The AppAsset class is generated inside /lib/src/core/app_assets/assets.dart (adding custom path is on the agenda)
• Render the .vec with the SvgBin() widget

Usage

Currently this supports only one input direcotry which will be /assets in your flutter root.

• Rename your assets to be in the following format:

assets/subfolder/category_name-asset_name.svg

• This will generate the main asset class, the sub folder class and the category name class, with String getters that will have the actual path of the asset.
• Make sure you have imported the bin folders into the pubspec.yml of your flutter project. (Don't want to mess with yml just yet).
• Then just do dart run svg_bin at root of your flutter project.
• To use the .vec assets use the SvgBin() widget
• For the love of god don't make your category or folder name same as some of the inbuilt classes in Dart and Flutter.

for a asset like

assets/icons/finance-money.svg

after running the command

SvgBin(
    AppAsset.icons.finance.money,
)

Additional information

Very special thanks to Avishek Subedi dai.