본문 바로가기

개발관련/flutter30

[flutter] 플러터 코드 밑줄 없애기 플러터 코드를 작성하다 보면 밑줄이 생겨 거슬릴 때가 있습니다. const문제로 밑줄이 생기는 건데 const를 붙여 해결하거나 const를 붙여주기 귀찮다면 analysis_options.yaml파일을 수정하여 이를 해결할 수 있습니다. ◆ 플러터 코드 밑줄 해결 방법 1. 먼저 analysis_options.yaml파일을 열어 줍니다. 2. rules: 아래 코드를 추가합니다. prefer_const_constructors: false prefer_const_literals_to_create_immutables: false prefer_const_constructors_in_immutables: false 3. 코드의 const관련 밑줄이 없어진 것을 확인할 수 있습니다. 2022. 12. 1.
[ flutter]플러터 appbar 높이 조절하기(앱바 높이) 플러터 appbar 높이 조절하는 방법을 알아보겠습니다. ◆ 플러터 appbar 높이 조절하는 방법 flutter appbar 높이 조절하는 방법은 간단합니다. 아래 예제를 보면 appBar인자값으로 PreferredSize위젯을 필요로 하며 PreferredSize의 인자값으로 preferredSize: Size.fromHeight(높이값)넣어 주면됩니다. ◇ 예제 class MyHomePage extends StatelessWidget { const MyHomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: PreferredSize( preferredSize.. 2022. 12. 1.
[flutter] 플러터 로딩화면, 로딩페이지 만들기(spinkit) 플러터 제공하는 Spinkit위젯을 이용해 로딩 화면을 만들어 보겠습니다. 1. 패키지 설치 pubspec.yaml파일에 spinkit패키지를 설치하기 위해 아래 코드를 입력하고 pub get버튼을 눌러 패키지 설치를 완료합니다. flutter_spinkit: ^5.1.0 2. import 로딩 화면을 만들 .dart파일에 아래 코드를 import 합니다. import 'package:flutter_spinkit/flutter_spinkit.dart'; 3. 로딩 페이지 화면 출력하기 아래 코드와 같이 SpinKitXX (XX는 아래 원하는 로딩 페이지 이름을 입력) 위젯을 이용할 수 있습니다. body: Center( child: SpinKitRotatingPlain( color: Colors.whit.. 2022. 7. 22.
[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.

티스토리툴바