방문해 주셔서 감사합니다.

텍스트색 지정하기

이번에는 텍스트색을 지정해볼게요.

텍스트색은 Text()위젯 안에서 변경합니다.

Text()위젯 사용하기

Text()위젯에서 style속성을 사용해서 텍스트의 색을 지정할 수 있습니다.

style속성의 값으로 TextStyle()을 사용하고 그 안에 color속성을 사용해 색을 지정합니다.

글씨색을 흰색으로 변경해 볼게요.

Text(
    'everdevel',
    style: TextStyle(color:Colors.white),
),

그럼 적용해보면

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'hello',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Container(
        color: Colors.red,
        child: Text(
          'everdevel',
          style: TextStyle(color:Colors.white),
        ),
      ),
    );
  }
}

실행해 봅시다.

글자색이 이제 흰색으로 보입니다.

다음에는 글씨의 크기를 조정해 볼게요.

봐주셔서 감사합니다. 문의 또는 잘못된 설명은 아래의 댓글에 부탁드립니다.
당신의 작은 누름이 저에게는 큰 희망이 됩니다.

컨텐츠의 내용을 더 보려면 바로 아래에서 확인할 수 있습니다.