Google provides graphical user interface（GUI） parts called Material Components to Android, Web, and Flutter. However, some Material Components lack a sense of unity and are not properly implemented. In this paper, I report on the problems related to Android Material Components that I encountered when developing Android apps and how to solve them. When a radio button or check box is pressed, the visual reaction that spreads radially lacks a sense of unity, but it can be unified by customizing the theme. The height of the scroll bar on the modal bottom sheet does not change at all, and we may not know that part of the modal bottom sheet is not displayed. To solve this problem, the default scroll bar is turned off and is drawn manually when the modal bottom sheet is only displaying 50% of the screen height.

Google は，マテリアルコンポーネントという名称のGUI 部品をAndroid，Web，Flutter に提供している。しかし，マテリアルコンポーネントには統一感に欠けるものや実装が適切でないものが存在する。本稿では，Androidのアプリを開発した際に遭遇した，Android のマテリアルコンポーネントに関する問題とその解決方法を報告する。ラジオボタン，チェックボックスが押された際などに放射状に広がる視覚的反応は統一感に欠けるが，テーマをカスタマイズすることにより，統一することができる。モーダルボトムシートのスクロールバーの高さが全く変化せず，モーダルボトムシートの一部が表示されていないことが分からない場合がある。この問題を解決するために，モーダルボトムシートを画面の高さの50%分しか表示していない時にデフォルトのスクロールバーを表示せず，手動で描画するようにした。