본문 바로가기

전체 글

 (14)
Flutter - Container container 말 그대로 박스 같은 개념으로 보면되고 colum이나 row처럼 여러개의 자식은 가지는 children[]은 사용안하고 한개의 자식만 가져서 child를 사용합니다 text 위젯 처럼 들어가보면 여러가지 속성이 있지만 많이쓰이는것만 말하겠습니다 Container( child: Text( 'container', style: TextStyle(fontSize: 20, color: Colors.white), ), width: 300, height: 300, padding: EdgeInsets.only(top: 10), decoration: BoxDecoration( border: Border.all(color: Colors.blue, width: 10), color: Colors.red, b..
Flutter - Column,Row 화면을 구성할 때 맨 위에 scaffold라는 뼈대를 두고 body에 위젯을 넣어서 화면을 구성한다 주로 세로로 위젯을 배치할거면배치할 거면 Column을 가로로 배치할 거면 Row를 배치한다 class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('column1'), Text('column2'), Row( children: [ Text('Row1'), Container(width: 100,height: 30,color: Colors.red,)..
Flutter - fontFamily 적용 text위젯에서 기본 폰트가 아닌 다른 custom 폰트를 사용하고 싶을땐 textStyle의 속성인 fontFamily를 사용한다 적용하는 법을 알아보자 1. 폰트 다운로드 https://noonnu.cc/ 눈누 - 상업용 무료한글폰트 사이트 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 저는 인터넷 검색해서 위 사이트에서 원하는 폰트를 찾아 들어가서 ttf파일을 다운로드 해줍니다 2. assets -> fonts에 넣기 위 사진 처럼 프로젝트 안에 assets 디렉토리를 만들고 그 안에 fonts라는 디렉토리를 다시 만들고 fonts디렉토리 안에 아까 다운받은 ttf파일을 넣어줍니다 3. pub.get pubspec.yaml에 가서 아래처럼 폰트를 등록해준다 여..

티스토리툴바