분류 전체보기 (132) 썸네일형 리스트형 [j Flutter] Webview (웹뷰)추가하기 플러터로 webview를 추가해보자. 1. pubspec.yaml 안에 webview_flutter플러그인을 추가한다. pub.dev/packages/webview_flutter webview_flutter | Flutter Package A Flutter plugin that provides a WebView widget on Android and iOS. pub.dev 2. webview를 사용하기 위한 준비 - android AndroidManifest.xml -ios /ios/Runner/Info.plist io.flutter.embedded_views_preview YES NSAppTransportSecurity NSAllowsArbitraryLoads NSAllowsArbitraryLoadsI.. [j Flutter] json 정보 가져올때 한글깨짐현상 import 'dart:convert'; Future fetch() async { var url = 'https://www.asiie.com/sample.json'; var response = await http.get(url); jsonDecode(utf8.decode(response.bodyBytes)); //print('Response status: ${response.statusCode}'); // print('Response body: ${response.body}'); //print('Response body: ${utf8.decode(response.bodyBytes)}'); } utf8.decode(response.bodyBytes) 로 데이터를 가져오면된다. 하지만 이 방법은 데이터를 S.. [j Flutter] JSON 데이터를 dart 로 변환하기 Json 데이터를 dart로 바꿔주는 사이트를 하나 소개하겠습니다. 1. 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데이터를 붙여넣기하고 dart를 생성하면된다. 2. https://app.quicktype.io/ Instantly parse JSON in any language | quicktype ap.. [j Flutter] GetX 사용하기 1. getx plugin 설치 pub.dev/packages/get/install get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 2. main.dart에서 MaterialApp -> GetMaterialApp로 바꿔준다. return GetMaterialApp( title: 'Flutter Demo', theme: ThemeData( scaffoldBackgroundColor: Colors.amberAccent, visualDensity: VisualDensity.adaptivePlatformDensity, ),.. [j Flutter] CurvedNavigationBar GlobalKey 사용하기 이전 포스팅에서 CurvedNavigationBar를 적용해 보았다. ↓↓↓ 2020.11.10 - [Flutter] - [j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기 [j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기 bottombar에 CurvedNavigationBar를 사용해보자. 1. CurvedNavigationBar 패키지를 설치해준다. pub.dev/packages/curved_navigation_bar/install curved_navigation_bar | Flutter Package Stunning Animating Cu.. yj95.tistory.com 이번에는 glo.. [j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기 bottombar에 CurvedNavigationBar를 사용해보자. 1. CurvedNavigationBar 패키지를 설치해준다. pub.dev/packages/curved_navigation_bar/install curved_navigation_bar | Flutter Package Stunning Animating Curved Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration. pub.dev 2. 총 5개의 페이지를 만들어준다. ex ) import 'package:flutter/material.dart'; class MessageScreen extends StatefulWidget.. [j Flutter] DropDownFormField (드롭박스) 구현하기 1. 먼저 DropDownFormField 패키지를 설치해준다. dropdown_formfield: ^0.1.3 pub.dev/packages/dropdown_formfield/install dropdown_formfield | Flutter Package A dropdown form field using a dropdown button inside a form field. pub.dev 2. 드롭박스에 넣을 임의의 데이터를 만들어준다. const List category_map = [ {"code": "1", "title": "1월"}, {"code": "2", "title": "2월"}, {"code": "3", "title": "3월"}, ]; 3. DropDownFormField 구현 String.. [j bracket ] bracket console 저장 error racket console 저장할 때 error가 나는 경우가 있다. /*jslint devel: true */ /* eslint-disable no-console */ /*eslint no-undef: "error"*/ /*eslint-env node*/ 파일 처음에 주석처리를 추가해준다. 이전 1 ··· 6 7 8 9 10 11 12 ··· 17 다음
