플러터(flutter)38 플러터의 Riverpod 사용 방법 기초부터 자세히 설명 - 1 플러터에서는 상태 관리를 위해 여러 가지 라이브러리를 사용하고 있습니다. 일반적으로 사용하는 상태 관리는 다음과 같은 것들이 있습니다 Provider: 가장 기본적이고 많이 사용하는 상태 관리 라이브러리 Riverpod: Provider를 만든 개발자가 Provider를 개선해서 만든 라이브러리 Bloc / Cubit: 이벤트 기반의 상태 관리를 제공하는 라이브러리 이 중에서 Riverpod를 사용하는 방법에 대해 알아보겠습니다. 플러터(Flutter)에서 상태 관리가 뭐임? 애초에 플러터에서 이야기하는 상태 관리란 뭐를 의미하는 것일까요? 간단히 말하자면 다음과 같다. 앱의 상태를 보고 UI를 업데이트하는 것 예를 들면 다음과 같다. 앱의 화면이 다음과 같이 구성되어 있다고 할 때 Fragment3에서.. 2023. 12. 6. 플러터(Flutter)에서 Widget UI에 있는 Key란 무엇인가? 플러터의 메인 레이아웃이라고 할 수 있는 StatelessWidget, StatefulWidget을 보면 다음과 같은 키(Key)가 존재합니다. 해당 Key의 의미는 뭐고 왜 존재하는걸까요? Key의 역할 확인을 위한 예시 프로젝트 만들기 다음과 같은 UI를 가진 프로젝트를 생성합니다. 위 프로젝트의 동작은 다음과 같습니다. Sort Descending 버튼을 클릭하면 해당 리스트의 이름을 기준으로 정렬을 실시한다. 정렬 방법은 a -> z 또는 z -> a 이렇게 두 가지의 케이스가 존재한다. (프로젝트 전체 코드는 제일 아래에 게시하겠습니다. 또는 그냥 직접 만드셔도 상관 없습니다.) Sort Descending 버튼을 누를 경우 발생하는 일 살펴보기 버튼을 클릭할 경우 다음과 같이 리스트가 재정렬됩.. 2023. 9. 25. 플러터 - UI 업데이트를 최적화 하는 방법, UI Tree란? 플러터는 setState를 사용해서 주로 UI를 업데이트 합니다. 하지만 setState를 할 때 어떤 일이 발생하는지 알고계신가요? 오늘은 setState를 클릭했을 때 어떤 일이 발생하고 플러터를 사용하여 앱을 만들 때 어떤 방법을 사용하여 UI를 최적화할 수 있는지 알아보겠습니다. 플러터로 UI를 업데이트 하는 간단한 예시 만들기 먼저 아래와 같은 간단한 앱을 만듭니다. Yes를 클릭하면 다음과 같이 바로 아랫 부분에 "Awesome!"이라는 텍스트가 나오는 간단한 앱입니다. 해당 앱을 만들 때 반드시 아래 내용을 포함시켜줘야합니다. StatefulWidget으로 만든다 createElement(), build() 함수에 print() 함수 등을 사용해서 호출될 때마다 로그가 출력되게한다. 저는 아.. 2023. 9. 22. flutter에서 화면 회전 하지 못하게 막는 방법 앱을 만들 때 가로 모드 UI를 별도로 구현하지 않는 이상 휴대폰을 가로로 회전 시 앱이 같이 돌지 않게 해야 합니다. 안드로이드에서는 간단했지만 flutter에서는 조금 복잡한데 flutter에서 세로 모드만 사용하는 방법을 알려드리겠습니다. flutter 코드 작성하기 먼저 제일 처음 실행되는 파일(예: main.dart)에 들어갑니다. 제일 위에 다음과 같은 패키지를 선언합니다. import 'package:flutter/services.dart'; 그리고 main() 함수로 가서 다음과 같이 정의합니다. void main() async { // 이 부분을 추가합니다. WidgetsFlutterBinding.ensureInitialized(); // 이 부분을 추가한 뒤 then 안에 runApp(.. 2023. 8. 29. 이전 1 2 3 4 5 6 7 8 ··· 10 다음
