전체 글(117)
-
[Flutter] 이미지 자동 슬라이드 프로젝트(PageView,Timer)
완성본 : 플러터 프로젝트 - 전자액자 출처: https://www.inflearn.com/course/%ED%94%8C%EB%9F%AC%ED%84%B0-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8/unit/106196 이미지 5개 슬라이드로 보는 프로젝트인데, PageView 를 이용해 슬라이드하는 기능을 구현하고, 1.스마트폰 전체 fit 에 맞추는 법 2. List 로 중복제거 하는법 3. Timer 사용법 4. Controller 로 이미지 넘기기 5. 상단 배너 (시계,배터리잔량) 색 변경 알려드림. 0. 이미지 슬라이드 위젯 PageView( children:[ Image.asset(이미지 위치), ... ]) 이미지들을 넣어놓으면 수동 슬라이드가 가능하다. 1. 스마트폰..
2022.10.22 -
[실습] Stateful Widget
Stateful Wiget 빠르게 만드는 법 stful 만쳐도 자동완성으로 생성가능 stless 로 Steteless Widget 도 자동생성 가능 또한, Stateless Widget -> Stateful Widget 으로 변경도 쉬움 : Convert to StatefulWidget Stateless Widget의 경우 빌드가 한번만 되고 변경되면 재생성 하므로, color 라는 변수가 있을때, color: color 로 해주면 된다. class _HomeScreen extends StatelessWidget { final Color color; const _HomeScreen({ required this.color, Key? key, }) : super(key: key); @override Widg..
2022.10.18 -
Flutter IOS / android에서 http 사용 설정법
IOS ios 폴더 > Runner 폴더 >Info.plist 제일 하단에서 위에 아래 코드 삽입하면 ios 에서 http 사용가능 NSAppTransportSecurity NSAllowsLocalNetworking NSAllowsArbitaryLoadsInWebContent Android android 폴더 > app 폴더 > src 폴더 > AndroidManifest.xml 파일 아래 두줄을 android:usesCleartextTraffic="true" 아래 그림처럼 넣어준다.
2022.10.18 -
android studio 유용한 플러그인
1.Rainbow Brackets https://plugins.jetbrains.com/plugin/10080-rainbow-brackets 괄호별로 다른 색깔을 주어 구분을 편리하게 해줍니다 2.Key-Promotor-X https://plugins.jetbrains.com/plugin/9792-key-promoter-x 단축키 학습용으로 용이. 수행한 동작이 어떤 단축키인지 알려줍니다. 출처: https://cliearl.github.io/posts/android/android-studio-plugins/
2022.10.18 -
WebView 사용법
목차 1. WebView 2. AppBar WebView 를 이용하면 웹사이트를 앱으로 띄울수있다. 1. https://pub.dev/ 접속 Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter, AngularDart, and general Dart programs. pub.dev 2. 설치 플러그인 검색 ex) webview - likes,인기도가 높은 플러그인일수록 좋다. flutter.dev 는 구글 플러터 공식 팀이다. -> 되도록 공식팀에서 만든걸 받아야 유지보수 및 호환성이 좋다. 3. 복사해서 pubspec.yaml ..
2022.10.17 -
[Flutter] Row and Column
mainAxis는 위젯의 기본 방향에 대한 속성이고, crossAxis는 반대방향에 대한 속성이다. 기본 수직으로 정렬되는 Column은 세로가 mainAxis, 가로가 crossAxis가 되며, 기본 수평으로 정렬되는 Row는 가로가 mainAxis, 세로가 crossAxis가 된다. MainAxisAlignment 사용법 mainAxisAlignment: MainAxisAlignment.center enum Row (좌우) Column (상하) center 가로 가운데정렬 세로 가운데 정렬 start 왼쪽 정렬 위쪽 정렬 end 오른쪽 정렬 아래쪽 정렬 spaceEvenly child 위젯이 균등하게 배치되고, 위젯사이의 여백 크기만큼 양 옆에 여백이 생김. spaceAround child 위젯이 균..
2022.10.13