Lyricist

Demo gif

该应用程序采用BLoC架构模式构建。

  • 它通过API调用向 Musixmatch 发送http请求以获取歌词数据。
  • 然后它更新UI状态,使用ListView小部件来呈现数据。
  • 它不像一次性检索所有数据,而是在用户滚动列表时才检索数据。
  • 它使用单独的blocs和cubits将业务逻辑与UI组件分离。

在此处查看我的所有Flutter项目。.

安装

  • 从源代码构建

    1. 克隆仓库
    git clone https://github.com/MrAlpha786/Lyricist
    1. cd到项目的根目录并运行
    flutter pub get
    1. 获取一个 Musixmatch API密钥。

    2. 在项目根文件夹的/lib/constants.dart文件中编辑以下行,填入您的API密钥。

    const kMusixMatchApiKey = '<--YOUR-API-HERE-->';
    1. 您可以通过在项目根目录运行以下命令来在调试模式下测试该应用程序
    flutter run
    1. 遵循 构建和发布说明。

截图

热门屏幕 歌词屏幕
welcome login
书签屏幕
register

GitHub

查看 Github