React Native: как вы справляетесь с графикой, из-за которой время на графике и c вверху экрана трудно увидеть?

Question

В моем приложении React Native есть следующие графики c:

Очевидно, что проблема заключается в том, что время, заряд батареи и т. д. c трудно увидеть, потому что график c черный. Как люди обычно имеют дело с такими вещами? Если бы я сделал его белым, я бы рискнул быть менее заметным, если бы время et c на конкретном телефоне было белым. Должен ли я просто поместить отступ в верхней части экрана, чтобы график c не перекрывался с текстом?

Answer 1

Если вы знаете цвет графиков c каждой страницы и имеете ограниченное количество страниц, просто жестко закодируйте его. Вы можете установить цвет текста строки состояния с помощью https://reactnative.dev/docs/statusbar#setbarstyle. Назовите это на каждой странице в фокусе, чтобы убедиться, что это правильно.

Если график c является динамическим c, возьмите доминирующий цвет с помощью https://github.com/iran-react-community/rn-dominant-color. Затем вы можете использовать https://github.com/Qix-/color, чтобы определить, является ли цвет светлым или темным, и установить его соответствующим образом с помощью API StatusBar.setBarStyle.

Только мои быстрые мысли.