본문 바로가기

전체목록67

[flutter]플러터 시간/날짜/요일 가져오기 및 시간 자동 갱신 방법(TimerBuilder) 플러터에서 시간, 날짜, 요일을 가져오고 가져온 값을 이용해 화면에 자동으로 갱신하며 보여주는 방법을 알아보겠습니다. ▣ 시간, 날짜, 요일 가져오는 방법 1. 패키지 설치 플러터에서 시간, 날짜, 요일을 가져오기 위해선 두 가지 패키지를 설치해야 합니다. timer_builder패키지는 시간, 날짜, 요일을 가져오기 위해 필요하며, intl패키지는 원하는 형태로 시간, 날짜, 요일을 보여주기 위해 필요합니다. 예를 들면 2022년을 2022로 표기할 수도 있고 22로 표기할 수도 있습니다. 아래 코드를 pubspec.yaml파일에 입력하고 pub get버튼을 눌러 패키지를 설치합니다. timer_builder: ^2.0.0 intl: ^0.17.0 2. import 원하는.dart파일에 아래 코드를 i.. 2022. 7. 22.
[flutter] 플러터 svg파일 가져오는 방법 플러터에서 svg파일 가져와서 사용하는 방법을 알아보겠습니다. ▣ 플러터에서 svg파일 가져와서 사용하는 방법 1. 플러터 svg설치 파일 설치 pubspec.yaml파일에 아래 코드를 입력하고 상단의 Pub get버튼을 눌러 flutter_svg파일을 설치합니다. flutter_svg: ^1.1.1+1 2. svg파일을 사용하기 위한 import svg파일을 사용할. dart파일에 아래 코드를 import 합니다. import 'package:flutter_svg/flutter_svg.dart'; 3. svg파일 경로 설정 svg파일을 넣을 폴더를 생성한 후 svg파일을 넣습니다. 그리고 pubspec.yaml파일에 svg파일 경로를 등록합니다. 저는 svg폴더를 만들고 svg파일을 넣은 후 pubsp.. 2022. 7. 20.
[flutter]플러터 구글폰트 사용하기 플러터에서 구글폰트를 사용하는 방법을 알아보겠습니다. ▣ 구글폰트 설치및 사용 방법 1. 구글폰트 패키지 설치 pubspec.yaml파일에 ' google_fonts: ^3.0.1 ' 입력하여 패키지 설치 2. 구글폰트 import 구글폰트를 사용할 .dart파일에 import 'package:google_fonts/google_fonts.dart'; 입력 3. Text의 style인자를 이용해 구글폰트 적용 Text( 'name', style: GoogleFonts.lato( fontSize: 35.0, fontWeight: FontWeight.bold, color: Colors.white, ), ), 2022. 7. 20.
[flutter] 플러터 API를 이용해 날씨정보 가져오기 플러터에서 무료 날씨 API를 이용해 날씨정보 가져오는 방법을 알아보겠습니다. 1. 인터넷 권한 얻기 먼저 인터넷 권한을 얻어와야 합니다. 아래 AndroidManifest.xml파일에 입력하여 인터넷 권한 여부를 묻습니다. 2. http설치 pubspec.yaml파일에 http: ^0.13.4를 입력하여 http를 설치합니다. 3. import http.dart파일을 import 합니다. import 'package:http/http.dart' as http; 4. api를 이용해 json으로 날씨정보 가져오기 아래 코드를 이용해 날씨정보를 가져올 수 있습니다. 아래 url변수는 날씨정보 api를 제공하는 url을 입력하시면 됩니다. http.Response response = await http.ge.. 2022. 7. 13.

티스토리툴바