본문 바로가기
Coding/Flutter

[flutter] DefaultTextStyle widget : asknsolve.com

by Ask & Solve 2023. 4. 1.

<예제코드>

DefaultTextStyle(
  style: TextStyle(
    color: Colors.grey.shade600,
    fontWeight: FontWeight.bold,
  ),
  child: const Row(
    children: [
      Text("Apple"),
      Text("Banana"),
      Text(
        "Choco",
        style: TextStyle(
          color:Colors.red,
        ),
      ),
      Text("Donut"),
      Text("Eclipse"),
    ],
  ),
),

 

<세부내용>

- 여러 개의 Text 위젯이 있고, 같은 내용의 TextStyle을 기본값으로 주고 싶은 경우에 사용

- 기본값으로 넣어준 style이 모든 Text 위젯에 적용되며

- 자녀 Text 위젯에 기본값과 다른 style을 추가한 경우에는 기본값 대신 style의 다른 부분이 적용됨

- 위의 예에서 Choco만 빨간색으로 표시

댓글