flutter 글자 디자인 하는법 > 프로그래밍

본문 바로가기

프로그래밍

flutter 글자 디자인 하는법

본문



접기 [ ▼ 작성자 참고 Source ]
class Suse_App extends StatelessWidget {
  const Suse_App({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
              title: Text('suse_hh')
          ),
          body: SizedBox(
            child: Text(
              'Hello World',
              style: TextStyle(
                  backgroundColor: Colors.black,
                  color: Colors.red,
                  fontSize: 30,
                  fontWeight: FontWeight.w700,
                  fontFamily: 'Noto_Serif_KR',
                  letterSpacing: 3, //자간

              ),

            ),
          ),
        )
    );
  }
}


본문

Text() 위젯 안에 style: 파라미터를 넣으면 되며, TextStyle()안에 스타일 지정합니다.

 

backgroundColor: Colors.[배경색상]

fontSize :  [글자크기]

fontWeight: FontWeight.[글자두께],

fontFamily: '폰트명',

letterSpacing : [글자간격]

0 0
로그인 후 추천 또는 비추천하실 수 있습니다.


댓글목록0

등록된 댓글이 없습니다.
게시판 전체검색