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)
• seperate converting files and creating the dart file.
• seperate the bin folders out of the asset folder

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.