텍스트색 지정하기

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

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

Text()위젯 사용하기

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

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

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

Text(
    'pinkcoding',
    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(
          'pinkcoding',
          style: TextStyle(color:Colors.white),
        ),
      ),
    );
  }
}

실행해 봅시다.

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

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