[Android] フォースダークモードの時に表示が乱れる

[keiji]

不具合の内容 / Describe the bug

Google Playのレビューより

https://play.google.com/store/apps/details?id=jp.go.mhlw.covid19radar&hl=ja&gl=US&reviewId=gp%3AAOqpTOFxhF5b0gO3xvS1QJLsud3eIIx8iBtcU2y_I-z7Ud70rn-9ewvhJnRrg4navsIxeDwY0nz2Ui474iOFXhw

表示をダークモードにすると文字がほとんど見えない。使用状況を想定してテストしているか謎なお粗末さ。

手元のPixel系端末で確認してみましたが、ダークモード有効時に文字が見えなくなるという現象は確認できませんでした（そもそもダークテーマ未対応）。

端末（メーカー）固有の現象の可能性がありますが、ひとまずIssueにして情報があれば受け取れる状態にしておきます。

UPDATE
開発者オプションから強制ダークテーマ（Override force-dark）を有効にすることで現象を再現できました。
また、強制ダークテーマがあらかじめ有効な端末もあるとの情報あり。

再現手順 / Steps to reproduce

1. '開発者向けオプション' に行き、
2. 'フォースダークのオーバーライド（Override Force-dark）' を有効にする。
3. '設定' に行き、
4. 'ディスプレイ' をタップして、
5. ダークテーマの右側のトグルスイッチを有効にする。
6. COCOAを起動する。

期待される挙動 / Expected behavior

ダークテーマ有効時にも問題なく画面が視認できる。

スクリーンショット / Screenshots

動作環境 / Environments

• デバイス：全機種（強制ダークテーマが標準の機種については引き続き確認していく）
• OS：Android 10+ ?
• バージョン：すべてのバージョン

その他 / Additional context

現象が発生している端末やAndroidのバージョンについてGoogle Play Consoleから確認可能か、開発チームに問い合わせます。ただし、情報が確認できてもGitHubで共有できない可能性があります。

---

Internal Tracking ID: PRODUCT BACKLOG ITEM 2280
Internal Tracking ID: PRODUCT BACKLOG ITEM 2224

[Meiryo7743]

Android のアクセシビリティー設定にある「色を反転する」の項目を有効にしている，という仮説を立ててみました。こうすれば，あたかも COCOA がダークテーマで表示されているように見えます。

実際に手元にある ZenFone で検証しましたが，「文字がほどんど見えない」という状況は再現できませんでした。単に反転色で表示するようにしているだけの機能ですから，当然なのですが……。

文字の可読性を下げられるような端末設定があるとは考えにくいことから，原因として以下の可能性が挙げられそうです。

• ある端末特有の設定と競合している
• 何か別のアプリの設定が悪さしている

後者についてですが，例えば，ブルーライト軽減を謳うアプリの中には，画面を疑似的に暗くする機能が備わっているものがあります（参考）。色反転機能に加えてそのような設定を適用すれば，当該レビューに近い状況を再現できそうです。イメージとしては以下のような雰囲気でしょうか。

色反転のみ

色反転状態かつ輝度を疑似的に低減した状態

[Ryanaka]

開発者向けオプションの「フォースダークのオーバーライド」を有効にすると再現できました。
当該ユーザーが開発者向けオプションを変更している可能性もありますが、Xiaomi等の端末では標準機能としてダークモード時にダークテーマが強制適用されるようです(未確認)

[keiji]

@Meiryo7743 @Ryanaka
ありがとうございます！　教えていただいた方法で現象が確認できました！
ユーザーが意図せずダークテーマが適用される仕様なら、最低限、文字は読めるようにしたいですね。

ダークテーマは本気で適用しようとすると結構大変ですが、今回のケースだとボタンのラベルと背景色を調整するだけでいけそうですね。

どんなデザインにするかは開発チームとも相談が必要ですが、次のぼくのアクションとしては、まずはXamarin.Formsのどこを修正することになるのか明らかにしていきたいと思います。

アプリケーションのシステムテーマの変更に応答する Xamarin.Forms
https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/theming/system-theme-changes

[keiji]

forceDarkAllowedをfalseに設定する手当、最初のステップとしては良さそうです。そもそもCOCOAはそんなに頻繁にUI立ち上げるようなアプリではありませんし。

フォースダークの設定を認めないアプリの設定をさらに無視する端末も有るかもしれないので、CDDを確認した上で、引き続き情報を集めていきます。

[keiji]

これ、一旦ぼくが担当します。
まずはforceDarkAllowed=falseをやって、次バージョン（v1.2.4）に取り込むかどうかは開発チームとも相談します。

[keiji]

「Xiaomi mi note 10」に強制ダークテーマのアプリへの個別適用があること。（Viewに対する）forceDarkAllowedで適用を回避できるという情報をもらいました。

https://twitter.com/daisuke_nomura/status/1387990700541714433

[keiji]

Mi11無印の事例も。こちらもダークテーマが適用されているが表示は乱れていない。

https://twitter.com/ta10koro/status/1387995461139587074

[Meiryo7743]

件のレビューは 2021 年 4 月 21 日付で投稿されたものですが，Twitter 上を検索してみるに，今年の 2 月時点で同様の現象を指摘するツイートが存在するようです。

• https://twitter.com/mobaziro/status/1357204885234622465
• https://twitter.com/che_geba/status/1358214446104014849
• https://twitter.com/novlude/status/1366053366774734849（Xiaomi 端末）

[keiji]

Xiaomi Mi Note 10でもダークモード設定時に表示が乱れることが確認されています（後ほどDescription更新します

https://mobile.twitter.com/masanork/status/1388025976882294784

[keiji]

#137 取り込まれたのでいったんassign外れます

[b-wind]

v1.2.5 で取り込まれたようですし、再発していなければ close で良さそう。