A Flutter package provide a widget that show piano keyboard layout.

Getting started

We support some default piano keyboard layout as well as custom layout

Usage

Please take a look at the (example)[https://github.com/de-men/piano_widget/example]

The widget support factories as some default (piano keyboard layout)[http://www.piano-keyboard-guide.com/piano-keyboard-layout.html]

ListView(
    padding: const EdgeInsets.all(16),
    children: [
        const Text('32 Keys start with C'),
        PianoWidget.keys32c(),
        const Divider(),
        const Text('32 Keys start with F'),
        PianoWidget.keys32f(),
        const Divider(),
        const Text('36 Keys start with C'),
        PianoWidget.keys36c(),
        const Divider(),
        const Text('36 Keys start with F'),
        PianoWidget.keys36f(),
        const Divider(),
        const Text('37 Keys start with C'),
        PianoWidget.keys37c(),
        const Divider(),
        const Text('37 Keys start with F'),
        PianoWidget.keys37f(),
        const Divider(),
        const Text('49 Keys'),
        PianoWidget.keys49(),
        const Divider(),
        const Text('54 Keys'),
        PianoWidget.keys54(),
        const Divider(),
        const Text('61 Keys'),
        PianoWidget.keys61(),
        const Divider(),
        const Text('76 Keys'),
        PianoWidget.keys76(),
        const Divider(),
        const Text('88 Keys'),
        PianoWidget.keys88(),
    ],
)

Additional information

Feel free to give feedbacks