728x90 반응형 CS Study/Flutter(플러터)10 22-04-10-Flutter-Mac설치 목차 01.xcode 설치 02.Flutter 설치 02.1 Subline Text 설치하기 02.2 flutter 설치 확인 03.안드로이드 스튜디오 설치 03.1 플러터 플러그인 설치 04.flutter 실행해보기 01.xcode 설치 macOs install 링크 Xcode를 클릭한다. Download 클릭 앱스토어에 들어가서 다운해도됨 일단 Xcode가 설치되어 있어야한다. 설치가 제대로 진행되지 않는다면? https://developer.apple.com/download/all/?q=Xcode 웹사이트에서 애플아이디를 로그인한 후에 설치를 해보자 설치가 되면 Agree를 클릭한다. 이렇게 나오면 설치 완료 02.Flutter설치 설치파일 클릭 다운로드 위치로 가서 압축을 풀어준다. 압축푼 파일을.. 2022. 4. 11. 2021.12.30_06.중요한커스텀위젯문법 1.커스텀 위젯 만들기 stless 명령어를 입력하면 커스텀 위젯을 만들 수 있음 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) { return MaterialApp( home: Scaffold( appBar: AppBar(), body: ShopItem(), ) ); } } class ShopItem extends StatelessWidget { const ShopItem({Key? ke.. 2021. 12. 30. 2021.12.29_05.Flexible 1. Flexible 컨테이너 두개가 있을때 각 각 50% 너비를 주고 싶다면? width :50% 안됨 Flexible로 감싸면 됨 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) { return MaterialApp( home: Scaffold( appBar: AppBar(), body: Row( children: [ Flexible(child: Container(color: Colors.. 2021. 12. 29. 2021.12.29_04.AppBar 1.Typography 1.1 글씨 색 조절 (기본) 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) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('앱임'),), body: SizedBox( child: Text('안녕하세요', style: TextStyle(color: Colors.red), ), ), ) ); } } .. 2021. 12. 29. 이전 1 2 3 다음 728x90 반응형
