안드로이드/Flutter (30) 썸네일형 리스트형 Flutter Widget Exepended | Row나 Column 안에서 원하는 위젯만 선택해서 제어하고싶을 때! 한 개의 Row 위젯의 children 안에 3개의 위젯이 있다고 해봐요. 그 모양은 와 같습니다. 이중 하나의 위젯만 골라서 와 같이 넓게 퍼뜨려 여유 공간을 채우고 싶다면 어떤 위젯을 사용해야 할까요? Expanded 위젯으로 감싸면 됩니다. 예시를 들어보죠 1 2 3 4 5 6 7 8 9 Row( children: [ MyWidget(), Expanded( child: MyWidget() ), MyWidget(), ], ) cs d 와 같이 가운데에 있는 위젯을 감싸주면 이렇게 가운데 위젯이 넓어집니다. 이렇게 Row, Column 안에서 원하는 위젯을 골라서 제어할 수 있는 위젯입니다. 감사합니다! flutter - 이미지를 동그랗게 만드는 위젯 금일 소개해드릴 위젯은 ClipOval 입니다. ClipOval 위젯은 이미지를 동그랗게, 즉 모서리를 둥글게 원형으로 만들어주는 위젯입니다. 굴절도는 제어할 수 있어, 타원형의 모양으로 만드는 것도 가능합니다. 이는 애니메이션을 입혀도 문제없이 작동합니다. 사용 예시는 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ClipOval( clipper: MyClipper(), child: Image.asset('dash.jpg'), ) // 원하는대로 크기를 맞추기 위한 클래스 class MyClipper extends CustomClipper { Rect getClip(Size size) { // 하위 요소의 사이즈를 가져오는 메소드 return Rect.fromL.. flutter Widget AboutDialog (flutter Widget of the week at 5.30) 앱을 판매하기 위해서는 법률 용어를 둘 공간이 필요하다. (법률용어 = 버전 번호, 허가증 같은 것들) 스토어 별로, 자기들이 요구하는 정보를 입력하지 않으면 앱을 출시하지 않는 경우도 있다. 이때 이 정보들을 입력할 공간으로 적합한 위젯이 바로 AboutDialog이다. 사용방법 showAboutDialog() 함수를 호출하여 사용하자. 어디에 호출할지만 결정하면 된다. 사용 방법 (예제 코드) 1 2 3 4 5 6 7 8 9 showAboutDialog( context: context, applicationVersion: '2.0.1', // 버전 번호 applicationIcon: MyAppIcon(), // 애플리케이션 아이콘 applicationLegalese: 'Blah blah.', // 작.. Flutter - Zone이란? 종료되지 않게 예외처리 하기 Flutter Zone이란? 종료되지 않게 예외처리 하기. Zone이란? try ~ catch와의 차이점 Zone 예제 플러터 플러그인을 쓰다보면 runZone()를 쓰는 경우가 종종 있습니다. 주로 아래처럼 쓰입니다. flutter_crashlytics 플러그인 void main() async { await FlutterCrashlytics().initialize(); runZoned(() async { runApp(MyApp()); }, onError: (error, stackTrace) async { await FlutterCrashlytics().reportCrash(error, stackTrace, forceCrash: false); }); } 저도 처음에는 별 생각없이 적용했는데 점점 zo.. API에 있는 데이터를 한방에 Dart 언어로 변환시켜주는 사이트가 있다!? 오늘은 여러분께 엄청난 사이트를 소개시켜 드리겠습니다 바로 https://javiercbk.github.io/json_to_dart/ JSON to Dart JSON to Dart Paste your JSON in the textarea below, click convert and get your Dart classes for free. Handcrafted by Javier Lecuona Github json_to_dart Code Twitter javiercbk.github.io JSON type의 데이터를 Dart언어로 변환시켜주는 사이트인데요. 한 방에, 자료구조 기능을 수행하는 코드를 생성할 수 있습니다. 우선 Postman을 설치하시죠 설치 url: https://www.postman.com/.. 숫자 사이마다 콤마(,) 하는방법 NumberFormat을 활용하면 숫자 사이에 원하는 특수문자를 넣을 수 있다. 각각 필요한 상황에 맞게 ,를 넣어주면 된다. 숫자 두 자리마다 콤마를 넣은 예시) String numberWithComma(int param){ return new NumberFormat('##,##,##,##,##, ##').format(param).replaceAll(' ', ''); } Flutter Bloc패턴, http 통신 http.get 예제 오늘의 주제는 플러터의 프론트앤드, 백앤드 개발을 분리하는 방법인 Bloc패턴에 대해 알려주겠다. 오늘 게시글의 특이사항은, Data Flow를 본인 손으로 종이에 직접 작성하여 주석을 써서 코드의 이해를 도왔다는 점이다. 아래는 그 코드이다. 이 코드는 인터넷 강의인 https://survivalcoding.com/courses/ 오준석의 생존코딩 How to learn mobile development 교육하는 개발자 오준석입니다. 모바일 개발을 더 빨리 배우세요 survivalcoding.com 에 가면 배울 수 있다. 차분한 목소리와 초보도 따라할 수 있는 속도가 인상적인 강의이다. 나도 많이 배우고있다. 참고로 출처도 밝힐 의도임을 알린다. 아래는 main.dart 1 2 3 4 5 6 7 8 .. 플러터 입문자에게 좋은 사이트 어떤 언어든지 처음 배우게 되면 막막하기 마련이다. 플러터는 공식 홈페이지에서 docs로 개념과 예제 코드를 제시해준다. https://flutter.dev/docs Flutter Documentation The landing page for Flutter documentation. flutter.dev 언어를 처음 배우면 주로 하게 되는 'hello, world!' 부터 고급 기술까지 다양한 설명과 예제 코드가 있다. 개발과 UI는 물론, 디버깅과 테스팅 등 여러가지 유용한 자료가 있으니 참고하면 도움이 많이 될것이다. 이전 1 2 3 4 다음
