728x90 반응형 dart18 [Flutter] 텍스트에 그림자 주기 (apply shadow to TextWidget) 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 이번 포스팅에서는 Text Widget에 그림자를 줄거고 TextWidget 내의 TextStyle 클래스를 사용할 예정이다. 아래 이미지는 TextStyle 클래스를 타고 들어갔다. 보면 가장 하단에 shdow 속성이 있다. 텍스트에 shadow를 줄 수 있다. shadow 속성은 final List? shadows; 위 타입을 받는다. [적용 소스] Text('오늘의 이벤트를', style: TextStyle(fontSize: 26, fontFamily: 'n.. 2023. 6. 10. [Flutter] font 적용하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- Flutter 폰트 설정하기 1. assets 파일에 폰트를 넣어준다. 2. pubspec.yaml 파일에 assets 폴더에 넣은 폰트 파일들의 경로와 이름을 설정해주자 fonts: - family: roboto_bold fonts: - asset: assets/RobotoMono-Bold.ttf weight: 100 - family: noto_medium fonts: - asset: assets/noto_medium.ttf weight: 100 3. 자 이제 .. 2023. 6. 9. [Flutter] Don't use BuildContexts across async gaps 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 에러 내용 : Don't use BuildContexts across async gaps - async를 사용하는 영역 내에서는 BuildContext를 사용하지 말라고 한다. 왜냐면 context 값이 비어있을 수도 있으니까 ! 그래서 우리는 context가 mount 되었는지 사전에 확인하는 작업이 필요하다. context를 객체에 전달하기 전에 아래 코드를 작성한다. if (context.mounted) { if (context.mounted) { if (r.. 2023. 6. 6. [Flutter] 뒤로가기 버튼 두번 클릭 시 앱 종료 기능 구현하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 이번 포스팅에서는 뒤로가기 버튼 두번 클릭 시 앱을 종료하는 기능을 구현한다. WillPopScope 클래스를 사용한다. Scaffold 아래에 willPopScope을 열어주고 onWillPop 속성에 구현한 메서드를 넣어준다, @override Widget build(BuildContext context) { return Scaffold( body: WillPopScope( onWillPop: onWillPop, child: SafeArea( child: St.. 2023. 6. 5. [Flutter] ListView 스크롤 안되게 하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 스크롤 뷰는 스크롤 가능한 리스트를 사용하기 위해 사용하는 위젯이지만 나는 지금 스크롤 되지 않는 리스트가 필요하다. Column이나 Row로 만들면 코드가 너무 길어질거같다. 그냥 ListView를 사용해서 데이터를 뿌리고 스크롤 안되게 하려한다. physics: NeverScrollableScrollPhysics(), 위 소스를 추가해주면 되는데 어디다가 추가하냐면 return ListView.builder( itemCount: value.length, phy.. 2023. 5. 2. [Flutter] dio 통신 interceptor retry 사용하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- _dio.interceptors.add(RetryInterceptor( dio: _dio, logPrint: print, // specify log function (optional) retries: 2, // retry count (optional) retryDelays: const [ // set delays between retries (optional) Duration(seconds: 1), // wait 1 sec before first retry Dur.. 2023. 4. 11. [Flutter] Keboard 올릴때 Bottom Overflowed By Pixels 에러 처리 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- TextField를 클릭하면 키보드가 올라오는데 키보드 올라오니까 아래 에러가 발생했다. Bottom Overflowed By 52 Pixels 1 .인터넷을 좀 뒤적이니 Scaffold 로 위젯을 감싸고 아래 속성값을 주라고 한다. resizeToAvoidBottomInset: false, 아래에 파란색 회원가입 버튼이 가려진다. 원하는 모양이 아니다. 2. SingleChildScrollView 사용 class SignUp extends StatelessWid.. 2023. 3. 20. [Flutter] const 경고 & 상수항 선호 경고 해결하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 1. 현재 파일에만 적용하기 // ignore_for_file: prefer_const_constructors 위 행을 적용하고 싶은 파일에 추가합니다. 2. 모든 파일에 적용하기 analysis-options.yaml 파일에 아래 코드를 추가합니다. linter: rules: prefer_const_constructors: false 추가 후 terminal에 아래 명령어 실행 dart fix --apply ---------추가 const는 왜 쓰는 것일까?? .. 2023. 3. 19. [Flutter]RenderBox was not laid out 에러 처리 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- ==================================================================================================== ======== Exception caught by rendering library ===================================================== The following assertion was thrown during paint(): RenderBo.. 2023. 3. 18. [Flutter] device daemon #2 exited (exit code 127) && flutter not found 에러 해결기.. 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- flutter upgrade 실행 후 device daemon #2 exited (exit code 127) 위 에러가 떴다. 폰 연결해서 테스트 하려는데 실행조차 할 수 없다. 내 해결방법은 flutter sdk를 다시 다운받아 교체해주었다. https://docs.flutter.dev/development/tools/sdk/releases?tab=macos 위 사이트에서 sdk를 다운받고 원래 flutter가 있던 자리에 넣어주었다. 나같은 경우엔 /User/.. 2023. 3. 16. [Flutter] Container 위젯에 클릭 이벤트 주기 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- container에 이미지도 넣고 텍스트도 넣었으니 클릭 이벤트까지 주려고 했는데 container는 onPressed() 메서드가 없었습니다,, 저의 경우처럼 아이콘 또는 텍스트 그룹이나 컨테이너 박스의 클릭 이벤트처리를 위한 방법이 두가지 있습니다. GestureDetector GestureDetector class는 제스처를 감지하는 위젯입니다. GestureDetector class 에서 제공하는 메서드들을 보니 다양한 제스처를 지원합니다. GestureD.. 2023. 3. 16. [Flutter] Image 로드하기, Image 넣기 플러터 초보자들은 뭐라고 부르시는지 아시나요 플린이,,?! 플린이가 좋겠어요 개발 환경 --------------------------------- OS : Mac 개발 툴 : android studio 개발 언어 : dart 개발 프레임워크 : flutter --------------------------------- 오늘 플린이는 새롭게 배운 Image 올리기를 해보겠습니다. Image를 화면에 띄우는 방법은 두가지가 있습니다. 1. 로컬에 있는 이미지 올리기 로컬에 있는 이미지를 가져와 화면에 띄울 때는 asset 폴더를 생성하여 작업합니다. in pubspec.yaml 파일 flutter: # The following line ensures that the Material Icons font is.. 2023. 3. 15. 이전 1 2 다음 728x90 반응형
