Recommend A Flutter Resource Manager Tool: Flr(Flutter-R)

[张志瑜]

Hi, all:

Here recommends a Flutter Development Tool: Flr(Flutter-R) which is developed by the Fly-Mix Team from NetEase company.

Flr is a flutter resource manager tool, which can help flutter developer to auto specify assets in pubspec.yaml and generate r.g.dart file after he changes the flutter project assets. With r.g.dart, flutter developer can apply the asset in code by referencing it's asset ID function, such as:

import 'package:flutter_r_demo/r.g.dart';

// test_sameName.png
var normalImageWidget = Image(
  width: 200,
  height: 120,
  image: R.image.test_sameName(),
);

// test_sameName.gif
var gifImageWidget = Image(
  image: R.mage.test_sameName_gif(),
);

// test.svg
var svgImageWidget = Image(
  width: 100,
  height: 100,
  image: R.svg.test(width: 100, height: 100),
);

// test.json
var jsonString = await R.text.test_json();

// test.yaml
var yamlString = await R.text.test_yaml();

PS: yes, it is just like the AAPT(Android Asset Packaging Tool) in Android.

Up to now, Flr has supported Android Studio Plugin, CLI, and VSCode Extension:

1. Flr Android Studio Plugin version

• GitHub:  https://github.com/Fly-Mix/flr-as-plugin

• PluginHomePage: https://plugins.jetbrains.com/plugin/13789-flr

• UsageExampleGif:   flr_as_plugin-usage-example.gif
  
  

  

  
  

2. Flr CLI version

   • GitHub: https://github.com/Fly-Mix/flr-cli
     
     
   • UsageExampleGif:  flr_cli-usage-example.gif
     
     

   

   
   

3. Flr VSCode Extension version

• GitHub: https://github.com/Fly-Mix/flr-vscode-extension
  
  
• ExtensionHomePage: https://marketplace.visualstudio.com/items?itemName=LincolnLaw.flr
  

At last, hopefully this tool will help you improve the efficiency of flutter development. Enjoy~

PS: If you have any questions, please let us know on GitHub or email.

[张志瑜]

ಥ_ಥ, this forum editor does not support GIF, so here the two example gif's url:

• flr_as_plugin-usage-example.gif: https://github.com/Fly-Mix/flr-as-plugin/blob/master/README_Assets/flr-usage-example.gif
• flr_cli-usage-example.gif: https://github.com/Fly-Mix/flr-cli/blob/master/README_Assets/flr-usage-example.gif
  

在 2020年2月22日星期六 UTC+8下午5:17:20，张志瑜写道：