custom_flutter_chord

Description:

custom flutter chord

flutter_chord #

Chord parser for Flutter apps.
Original repository at: paurakhsharma
Features #

Transpose Chord
Auto Scroll


Usage #
1) Render the Lyrics and Chords directly.
final textStyle = TextStyle(fontSize: 18, color: Colors.white);
final chordStyle = TextStyle(fontSize: 20, color: Colors.green);

final lyrics = '''
[C]Give me Freedom, [F]Give me fire
[Am] Give me reason, [G]Take me higher
''';

@override
Widget build(BuildContext context) {
return LyricsRenderer(
lyrics: _lyrics,
textStyle: textStyle,
chordStyle: chordStyle,
widgetPadding: 50,
onTapChord: (String chord) {
print('pressed chord: $chord');
},
transposeIncrement: 0,
scrollSpeed: 0,
showChord: true, // if false, show only lyrics
showText: true,
minorScale: false, // transpose to minor scale
// you can replace default presentation by a list of 7 string elements
// chordPresentation: List<String>['DO', 'RÉ', ...]
// fixedChordSpace?
// parentWidth?
);
}
copied to clipboard
2. Get a parsed ChordLyricsDocument and style it as you like.

final textStyle = TextStyle(fontSize: 18, color: Colors.white);
final chordStyle = TextStyle(fontSize: 20, color: Colors.green);

final lyrics = '''
[C]Give me Freedom , [F]Give me fire
[Am] Give me reason , [G]Take me higher
''';

ChordProcessor _chordProcessor = ChordProcessor(context);
ChordLyricsDocument chordLyricsDocument = _chordProcessor.processText(
text: lyrics,
lyricsStyle: textStyle,
chordStyle: chordStyle,
transposeIncrement: 0,
);
copied to clipboard