개발하자

Flurter : 다크 모드에서 텍스트 색상 변경 쿠퍼티노 날짜 선택기

Cuire 2023. 2. 15. 11:45
반응형

Flurter : 다크 모드에서 텍스트 색상 변경 쿠퍼티노 날짜 선택기

다음 코드를 사용하여 선택한 날짜 및 시간에 대한 응용 프로그램에 쿠퍼티노 데이트 피커가 있습니다:

formatColumn(
widget: Consumer<MainCalendarProvider>(
 builder: (_, mcProvider, __) => SizedBox(
 height: sizes.height(context) / 3.5,
child: CupertinoDatePicker(
initialDateTime: result['dateRevision'],
 minimumDate: result['dateRevision'],
use24hFormat: true,
onDateTimeChanged: (dateChange) {
mcProvider.setSelectedDateFromCupertinoDatePicker(  dateChange, );},
                                      ),
                                    ),
                                  ),
                                  title: 'Date Activity'),

애플리케이션에 기능 다크 모드를 추가하기 전까지는 모든 것이 작업입니다. 모드에서 다크 모드 텍스트 색상 쿠퍼티노 데이트 피커는 여전히 검은색입니다, 저는 이것을 흰색으로 바꾸고 싶습니다. 쿠퍼티노 날짜 선택기에는 배경색 속성만 있습니다. 빨간색, 파란색, 녹색 등으로 변경하려고 했지만 문자가 검은색입니다.

이거 어떻게 바꿔요?

감사합니다.

enter image description here



이 문제를 해결하려면 를 명시적으로 지정해야 합니다.

정적 밝기 모드

운영 체제 밝기 모드가 변경되어도 변경되지 않음

CupertinoTheme(
    data: CupertinoThemeData(
        brightness: Brightness.dark,
     ),
     child: CupertinoDatePicker(
          ...

동적 밝기 모드

운영 체제 밝기 모드와 동기화된 업데이트

CupertinoTheme(
    data: CupertinoThemeData(
        brightness: CupertinoTheme.of(context).brightness,
     ),
     child: CupertinoDatePicker(
          ...

또한 정의된 위치에 데이터를 지정하여 이 테마를 전체 앱에 적용할 수 있습니다:

앱 전체

한 번 정의하고 전체 앱에 적용

CupertinoApp(
      theme: const CupertinoThemeData(
          brightness: <insertChoiceHere>,
      ...

기존 것들의 모든 세부 사항을 옵션 내역과 함께 제공하기 때문에 이것이 최선의 답으로 상향 조정되어도 상관없을 것이다. :D (내 평판을 높이려고 노력 중!)



당신이 당신의 스타일 중에 몇 가지 스타일을 놓치고 있는지는 모르겠지만, 잘 할 수 있을지도 몰라요!



일반적으로 재정의되지 않는 것 같습니다. 다크 모드를 적용하는 방법은 다음과 같습니다:

CupertinoTheme(
    data: CupertinoThemeData(
        brightness: Brightness.dark,
     ),
     child: CupertinoDatePicker(
          ...

반응형