happy cat image

everdevel

coding

login
알림X
  • 현재 댓글에 대한 답변만 표시합니다.
  • 표시할 댓글 이력이 없거나 로그인해 주세요.
























에버디벨이 만든 무료 클라우드 개발환경을 소개합니다.

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

텍스트색 지정하기

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

텍스트색은 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),
        ),
      ),
    );
  }
}

실행해 봅시다.

text color

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

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


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

최경아크리에이티브디렉터의 호텔웨딩플라워디자인 예비신부,플로리스트들에게 주는 공간디자인 컬러별 정리되어있는 웨딩장식

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


    
    

강좌로 돌아가기

댓글 0개

정렬기준