보호되어 있는 글입니다.
전체 글
프로그래밍 기술 및 저장소보호되어 있는 글입니다.
보호되어 있는 글입니다.
Flutter에서 각 화면을 라우트(Route)라고 부르며, 화면을 이동할 때 네비게이터(Navigator)를 사용합니다. Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), // 이동하려는 페이지 ); Navigator.pop(context); // 종료 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context..
1. 안드로이드 (Material Icon) import 'package:flutter/material.dart'; Icon( Icons.home, color: Colors.blue, size: 50, ), Material Symbols and Icons - Google Fonts Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com 1. IOS (Cupertino Icon) import 'package:flutter/cup..
원하는 위치에 원하는 요소를 배치하는 작업을 레이아웃(layout)이라고 부릅니다. 1. Text Text( '텍스트 위젯', style: TextStyle( fontSize: 35, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.amber, // 폰트 색상 ), ), 2. Container Container는 Box 형태의 기본적인 위젯으로 다방면으로 많이 사용됩니다. Container( width: 200, // 폭 height: 200, // 높이 color: Colors.pinkAccent, // 박스 색상 child: Text("I Love Flutter!"), // 자식 위젯 ), margin & padding & alignment..