전체 글

Flutter/기본

[Flutter] 상태 표시줄 또는 스테이터스 바 설정하기

안녕하세요 오늘은 아래 사진에 있는 상단 상태표시줄과 하단 내비게이션 바를 커스텀해서 본인의 앱에 맞게 설정해 보겠습니다.    1. 기본설정상태 표시줄을 설정하기 위해서 기본적으로 SystemChrome 클래스를 사용해야 합니다. main 함수에서 호출하는 것은 상태 표시 줄의 스타일을 앱 전체에 일관되게 적용하기 위한 좋은 방법입니다. void main() async { WidgetsFlutterBinding.ensureInitialized(); await SystemChrome.setEnabledSystemUIMode(); runApp(''');}  2. 상단바, 하단바 둘 다 없애기 void main() async { WidgetsFlutterBinding.ensureInitialized(..

Flutter/기본

[Flutter] 람다함수없이 코드를 짜는 방법 feat. Tear-offs

안녕하세요. 여러분 혹시 이런 코드 보신 적 있으신가요? ElevatedButton( child: Text("increment"), onPressed: increment, ) 해당 코드에 이상한 점을 눈치채셨나요? ElevatedButton( child: Text("increment"), onPressed: () { increment(); }, ) 대부분의 사람들은 위의 코드처럼 사용하셨을 겁니다. 하지만 작업을 하다가 공부를 하다가 첫 번째 코드 같은 코드를 접해보신 분들도 있으실 겁니다. 오늘 알아볼 것이 바로 첫 번째 코드가 무엇인지? 알아보겠습니다. 1. 람다 함수를 찢어버려~ "Tear-offs" 람다 함수 없이 함수의 이름만으로 사용하는 것을 Tear-offs라고 부릅니다. 직역을 하자면 떼어..

Flutter/기본

[Flutter] flutter_dotenv 패키지 사용해보기 feat. env

이번에 사용해 볼 패키지는 flutter_dotenv라는 패키지입니다. 1. dotenv 가 무엇일까요? 설명에는 애플리케이션 전체에서 사용할 수 있는 .env 파일을 런타임에 구성을 로드하는 방법이라고 적혀 있습니다. 그렇다면 .env 파일은 어떠한 파일일까요? env 파일이란 애플리케이션의 구성 변수를 저장하는 텍스트 파일입니다. 일반적으로 ".env"라는 이름의 파일로 저장되며, 각 줄은 키-값 쌍으로 구성되어 있습니다. 구성 변수는 애플리케이션의 동작에 영향을 주는 설정 값들을 나타냅니다. 예를 들어서 api-key, 서버 URL 등 외부로 공개하기 민감한 구성 변수들을 저장하는 파일입니다. 한마디로 dotenv는 Flutter에서 env파일을 관리하고 쉽게 사용할 수 있게 도와주는 패키지입니다...

Flutter/기본

[Flutter] Text에 밑줄, 윗줄, 취소선 추가하기

1. 기본 Text( "텍스트", style: TextStyle( decoration: TextDecoration.none, ), ), 2. 밑줄 Text( "텍스트", style: TextStyle( decoration: TextDecoration.underline, ), ), 3. 윗줄 Text( "텍스트", style: TextStyle( decoration: TextDecoration.overline, ), ), 4. 취소선 Text( "텍스트", style: TextStyle( decoration: TextDecoration.lineThrough, ), ),

주톨
Jutole's programming