[플러터] 24일차 - 폰트 손쉽게 사용하기

https://fonts.google.com/

구글 폰트 홈페이지에서

google_fonts 라이브러리는 google

 

styled_widget과 같이 손쉽게 로고를 만들어보자.

dependencies:
  flutter:
    sdk: flutter

  styled_widget: ^0.3.1
  google_fonts: ^2.1.0

 

import 'package:flutter/material.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:google_fonts/google_fonts.dart';

class Logo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('LINE', style: GoogleFonts.doHyeon(textStyle: TextStyle(
          fontWeight: FontWeight.bold,
          fontSize: 40,
          color: Colors.white,
        )))
      ],
    )
        .padding(vertical: 15, horizontal: 15)
        .decorated(
            color: Color(0xFF06C755),
            )
        .clipRRect(all: 15.0)
        .constrained(width: 150)
        .alignment(Alignment.center)
    ;
  }
}

 

Uploaded by Notion2Tistory v1.1.0