분류 전체보기74 [에러] A RenderFlex overflowed by 284 pixels on the right. 문제Row 로 감싸져 있는 Text 의 개수가 많아져 화면의 크기보다 넘어갈 때 발생한다. Row( children: [ Text('ProductImage'), Text('ProductImage'), Text('ProductImage'), Text('ProductImage'), Text('ProductImage'), ],) 해결나는 옆으로 스크롤하길 원했기 때문에 SingleChildScrollView 사용할 수 있다.SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( children: [ Text('ProductImage'), Text('ProductImage').. 2024. 11. 22. [Flutter] 앱 내에서 테마 변경 기능(Feat. ValueNotifier) 배경 설명Flutter 로 기차 예매 서비스를 만들고 있는데 시스템 환경에 따라 라이트/다크 모드로 나오게끔 테마 설정을 해주었다. 하지만 시스템 환경이 라이트 모드이지만 앱은 다크 모드로 쓰고 싶을수도 있는 법. 앱 내에서도 테마 지정이 가능하면 좋을 거 같다는 생각에 아이콘을 눌렀을 때 테마 변경하는 기능을 추가하도록 하고싶다. 동작 방식 구상테마를 변경하는 방법을 찾아보기 전에 간단하게 동작 방식을 구상해보았다. 먼저 테마가 지정되는 순간부터 적용되는 순서를 알아야 한다. MyApp 이 build 가 될 때 themeMode 는 시스템 설정 값을 가져와 light 이면 lightTheme 를 dark 면 darkTheme 로 지정이 된다. 그렇다면 themeMode 의 값을 다른 페이지에서 가져와.. 2024. 11. 20. [트러블슈팅] Flutter 앱 구현에 있어서 나타났던 트러블슈팅 문제 상황 1Column 위젯을 ListView 로 변경Column 에 추가되어 있던 Container 들의 개수가 많아져서 스크롤로 보여주기 위해 ListView 로 변경하려 한다. 그래서 Column 위젯을 냅다 ListView 로 바꿔주면 화면이 깨지면서 다음과 같은 오류가 나타나게 된다. 문제The following assertion was thrown during performResize():Vertical viewport was given unbounded height.Viewports expand in the scrolling direction to fill their container. In this case, a vertical viewport was given an unlimited a.. 2024. 11. 19. [Flutter] light, dark 테마 확인 방법 Flutter 에서 제공하는 ThemeData 를 이용해서 light 와 dark 테마를 지정하는 방법은 많이 나와있으나, 현재 테마 모드를 확인하는 방법은 잘 안나와있는 거 같다. ThemeData 에서 brightness 를 설정하고 final lightTheme = ThemeData( useMaterial3: true, colorScheme: ColorScheme.fromSeed( seedColor: Colors.purple, brightness: Brightness.light, ),);final darkTheme = ThemeData( useMaterial3: true, colorScheme: ColorScheme.fromSeed( seedColor: Colors.purp.. 2024. 11. 18. 이전 1 ··· 5 6 7 8 9 10 11 ··· 19 다음
