flutter_guitar_tabs

This is a dart implementation of the chord.js javascript package to display beautiful chord diagrams like the ones below.

Example 1 Example 2 Example 3

Where to get this data from

In this issue some recourses containing this data can be found.

FlutterGuitarTab

The widget FlutterGuitarTab takes two parameters, name and tab. name is the name displayed on the top. tab string containing up to 6 numbers, or x, with seperating spaces. As an example:

  • "x 0 0 2 3 1"
  • "x 5 7 7 6 5"
  • "10 12 12 10 10 10"

An example of how to use this widget:

FlutterGuitarTab(
  name: 'Dm',
  tab: 'x 0 0 2 3 1',
)

TabWidget

The widget TabWidget takes two parameters, name and tabs. name is the name displayed on the top. tabs is a list of strings containing tab strings as explained above.

This is an example of how to use this widget:

TabWidget(
  name: 'Dm',
  tabs: ["x 0 0 2 3 1", "x 5 7 7 6 5", "10 12 12 10 10 10"],
)

For both widgets a size parameter can be defined that has to be an integer between 1 and 10 inclusive.

Both widgets also have a color parameter that defaults to Colors.black.

Todo:

  • Add support for fingering marks.

PR's are welcome.

Libraries

flutter_guitar_tabs