morux2 https://blog.hatena.ne.jp/morux2/ スタディサプリ Product Team Blog https://blog.studysapuri.jp/ Engineering Native Android こんにちは。Androidエンジニアの@morux2です。先日スタディサプリ中学講座にまなレポ機能が追加されました🎉 まなレポは学習状況・学習履歴を確認できる機能です。リアルタイムで学習状況が表示されるので、学習後すぐに成果の振り返りをしていただくことができます。 この記事ではまなレポ機能の実装の裏側をご紹介します。画面はJetpack Composeで構築しています。 まなレポ画面 まなレポ画面の概要 画面要件は大きく2つあります。 日と週のタブを切り替えて、日次・週次の学習履歴を確認できる タブがSticky Headerになる(スクロールするとステータスバーの下にタブが張り付く) ここか… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.studysapuri.jp%2Fentry%2F2023%2F2%2F15%2Fsticky-tab-header" title="Jetpack ComposeでタブをSticky Headerにする方法 - スタディサプリ Product Team Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/125757465/1634887042758005 Hatena Blog https://hatena.blog 2023-02-15 09:00:00 rich https://blog.studysapuri.jp/entry/2023/2/15/sticky-tab-header 1.0 100%