class Home extends StatelessWidget { const Home({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 24), child: Container( width: double.infinity, height: 80, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(38.5), boxShadow: [ BoxShadow( off..
해당 텍스트를 보이게 하려면 어떻게 해야 할까요? class Home extends StatelessWidget { const Home({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Container( child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text("Hello ", style: TextStyle(fontSize: 48, color: Colors.yellow),), Text("World ", style: TextStyle(fontSize: 48, color: Co..
pub.dev 에서 제공하는 google_maps_flutter 를 사용해서 간단하게 지도를 띄워보자. 프로젝트 생성 flutter 프로젝트를 생성후 main에 있는 코드들을 전부 지우고 시작! google map api key 받기 구글맵을 사용하려면 api key를 받아야 한다. https://mapsplatform.google.com/ Google Maps Platform - Location and Mapping Solutions Create real world and real time experiences for your customers with dynamic maps, routes & places APIs from Google Maps Platform’s location solutions. m..
main 메소드에서 비동기 작업을 한 후에 runApp()을 실행할 경우에 상단에 추가해주는 코드. ex) void main() async { WidgetsFlutterBinding.ensureInitialized(); .....비동기작업..... runApp(new MyAPP()); }
Widget 이란? 플러터에서 위젯은 UI를 구성하는 모든 기본 단위요소 View라고 생각하면 편하다. 플러터에서는 뷰를 정의할때 내부 속성값으로 쓰는 margin이나 padding 등과 같이 눈에 보이지 않는 요소들도 Widget이라 부른다. 레고 부품이라고 생각하고 위젯끼리 붙여서 화면을 만들고 이 화면도 위젯이라고 할 수 잇다. Widget 종류 플러터 앱의 위젯은 두 가지로 구분한다. stateless 상태가 없는 위젯, 화면상에서는 존재하지만 실시간 데이터를 저장하지 않고 어떠한 상태도 가지지 않는 위젯. 어플의 로고가 띄워져 있는 경우 이는 클릭을 한다던가의 액션으로 상태를 변화시키지 않는 단순한 위젯이다. 정적인 위젯이라고 생각하면 된다. stateful 상태가 있는 위젯, 사용자의 이벤트나..
