728x90

Flutter 4

LongPressed, onPressed 버튼 영역 클릭효과 없애기

개발을 진행하다보면, Button() 위젯, Inkwell() 위젯을 사용하는데, 버튼의 영역을 없애고 싶을떄가 있다. 그럴떄 사용하는 방법! 부분적으로 위젯의 테마를 수정하고 싶을때, 해당하는 자식 위젯에 적용해주면 된다. Theme( data: ThemeData( splashColor: Colors.transparent, highlightColor: Colors.transparent, ), child: Button( onPressed: () {}, child: Container(), ), ); 전체 위젯의 테마를 수정하고 싶을때, 최상단인 스크린 위젯이나, main.dart 에 위젯을 적용준다. // main.dart MaterialApp( theme: ThemeData( spalshColor: Co..

flutter 라이트, 다크모드 만들기

프로젝트에 추가용으로 간단하게 다크모드 예제를 만들어보겠습니다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); static final ValueNotifier themeNotifier = ValueNotifier(ThemeMode.light); @override Widget build(BuildContext context) { return ValueListenableBuilder( valueListenable: themeNotifier, builder: (_, ThemeMode currentMode..

⭐️ 개발 2023.08.08

가로모드 세로모드에 맞게 위젯 설정하기

가로모드와 세로모드에 맞게 위젯을 설정하는 방법을 적어보겠다. Scaffold( body: SizedBox( height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.width, child: OrientationBuilder( builder: (context, layout) { if (layout == Orientation.landscape) { return const Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text('H'), Text('M'), Text('S'), ]..

⭐️ 개발 2023.08.01

함수 작동 시간 체크

면접을 볼때 어떤 사람이 자랑스럽게 A 로직이 1초가 걸리던 로직을 0.5초까지 로직 시간을 줄인 경험이 있다라고 대답하는 면접자를 본 경험이 있다. 개발을 진행하다보니 함수가 얼마나 빨리 로직을 돌고 결과물을 리턴하는 것이 매우 중요해졌다. 왜냐하면 이 로직의 시간이 길어질수록, 사용하는 클라이언트는 그만큼 기다려야하고, 앱, 웹을 탈출하는 요소를 더욱 더 높이기 떄문이다. 우리의 앱과 웹을 많은 사람들이 애용하게 하려면, 체류시간을 늘리기는 목표로 잡아야한다. 체류시간을 높이기 위한 방법 중 하나가 유저의 불편요소를 없애는 것이다. 아니면 다른 방법으로 불편하지 않게 대체 해주면 된다. 부드럽게 유저 편의성을 높이면, 자연스럽게 앱을 사용하는데 편안함을 느낄 것이다. 그리고 그 후에는 컨텐츠의 양과 ..

⭐️ 개발 2023.07.06
728x90