flutter 썸네일형 리스트형 Flutter Listview 페이지에 처음 입장하였을 때 Listview의 마지막 아이템이 화면에 보였으면 해서 찾아보다가 잘 나오지 않아 해결 후 올리는 내용 import 'package:flutter/material.dart'; class MyPage extends StatefulWidget { @override _MyPageState createState() => _MyPageState(); } class _MyPageState extends State { ScrollController _scrollController = ScrollController(); @override void initState() { super.initState(); _scrollController = ScrollController(); WidgetsB.. 더보기 flutter 공부3 - 여러 개의 container 사용 및 속성 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Colors.cyanAccent, body: SafeArea( child: Column( mainAxisSize: MainAxisSize.min,// column의 공간할당량을 필요한만큼으로 제한 // verticalDirection: VerticalDirection.up container를 역순 배열 3,2,1 순으로 //mainAxisAlignment: MainAxisAlignment.center containe.. 더보기 flutter 공부 2 - flutter hot reload 사용 import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( backgroundColor: Colors.teal, body: Container(), ), ), ); } 다음과 같은 코드에서 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: .. 더보기 flutter 공부 - 마우스 오른쪽을 클릭하여 Reformat Code with dartfmt 를 클릭하게 되면 자동으로 다트 형식으로 코드를 배열 - appBar: void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('I Am Rich'), ), ), ), ); } https://docs.flutter.dev/development/ui/widgets/material Material Components widgets docs.flutter.dev - image : AssetImage(폴더에서 가져온 이미지), NetworkImage(인터넷에서 가져온 네트워크 이미지) 위젯에서 앞의 노란색 전구 클릭시 위젯의 위치 조정 가능 Asset.. 더보기 플러터 기본 위젯 main.dart에서 void main()아래 stless를 입력한 뒤 tab을 누르면 class extends StatelessWidget { const ({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const Placeholder(); } } 다음과 같이 입력이 된다. 이때 class 뒤에 클래스 이름을 입력해준다 @override Widget build(BuildContext context) { return const Placeholder(); } } ------> //위의 코드를 아래처럼 @override Widget build(BuildContext context) { return Mate.. 더보기 Flutter 시작하기 1. 구글에 flutter install을 검색하여 Flutter SDK를 다운한다 https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 2. 자신의 OS환경에 맞는 파일을 다운한다 3. 다운로드한 파일을 찾기 좋은 곳에 압축해제한다.(이 글에서는 C드라이브에 src폴더 안에 풀었습니다) 4. 안드로이드 스튜디오를 설치한다 https://developer.android.com/studio/install?hl=ko Android 스튜디오.. 더보기 이전 1 다음
