welcome to my blog

flutter로 개발할 때 안드로이드랑 ios랑 UI가 완전히 똑같이 작성되지않고 조금 다른 부분이 생긴다. 그 한가지 예로 AppBar이다 ios에서는 기본적으로 AppBar를 사용하면 중앙정렬이 되지만, 안드로이드에서는 왼쪽정렬이 default이다 그래서 android에서 중앙정렬로 해주려면 AppBar 속성의 centerTitle 속성을 true로 바꿔주면 된다. AppBar( centerTitle: true, //...생략 ) 그럼 반대로 ios에서 Appbar 타이틀을 왼쪽에 놓고싶다면? centerTitle의 속성을 false로 해주면 된다. AppBar( centerTitle: false, //...생략 )

Scaffold -> bottomNavigationBar : BottomNavigationBar 추가 BottomNavigationBar -> items : BottomNavigationBarItem 추가 * 4개 이상일때만 애니메이션 적용됨 (3개로 해놓고 왜 안되나 한참 삽질함..) @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), backgroundColor..

getX 를 이용하여 간단한 Counter App을 작성해보자 get 설치 : 사용버전 4.3.8 flutter pub add get 사용 : import 'package:get/get.dart'; Flutter의 새 프로젝트에서 기본적으로 생성된 "카운터" 프로젝트에는 100줄 이상(주석 포함)이 있습니다. Get의 힘을 보여주기 위해 클릭할 때마다 상태를 변경하는 "카운터"를 만드는 방법, 페이지 간에 전환하고 화면 간에 상태를 공유하는 방법을 모두 조직적인 방식으로 보여주고 비즈니스 논리를 보기에서 분리합니다. 주석을 포함한 26개의 라인 코드. 요약 : 카운터앱 만들기( 페이지 전환 / 상태공유 / 비즈니스 로직 분리 )를 할것이다. class Controller extends GetxContro..

클래스 선언 class Source { final String? id; final String? name; Source({required this.id, required this.name}); factory Source.fromJson(Map json) { print(json); return Source( id : json['id'], name : json['name'] ); } } class Article { final Source? source; final String? title; final String? urlToImage; final String? publishedAt; Article({required this.source, required this.title, required this.urlT..