본문 바로가기

Mobile

(14)

[Flutter] Riverpod 정리.. Provider 타입상태 변경 가능?사용 예시Provider (@riverpod 기본 함수)❌ 읽기만 가능ref.watch(isLoadingProvider)StateProvider✅ 가능ref.read(isLoadingProvider.notifier).state = true;@riverpod class (StateNotifier)✅ 가능ref.read(isLoadingProvider.notifier).set(true); provider를 정의하는 구문은 다음과 같습니다:(상태를 읽기만 할 수 있는 불변 값)@riverpodResult myFunction(Ref ref) { } 어노테이션된 함수(annotated function)어노테이션된 함수의 이름에 따라 provider와 상호작용하는 방식이 결정..

[Flutter] Erros.. Error: Dart library 'dart:ui' is not available on this platform. 이는 플러터 프로젝트를 다트 프로젝트 컴파일하는 것으로 세팅이 잘못 맞춰져 있어서 그렇다. vscode라면 터미널에 flutter run 을 직접 입력하면 문제를 해결할 수 있다. 출처 https://nx006.tistory.com/8 [Flutter] Error: Dart library 'dart:ui' is not available on this platform. 해결 방법 처음 플러터를 시작하였을 때 다음과 같은 에러가 뜨는 경우가 있다. Error: Dart library 'dart:ui' is not available on this platform. import 'dart:ui' ..

[Flutter] Write your first Flutter app, part 1 출처 https://docs.flutter.dev/get-started/codelab Write your first Flutter app, part 1 How to write a web-based app in Flutter. docs.flutter.dev 스타트업 회사에 제안된 이름을 생성하는 간단한 앱 구현 사용자는 이름 선택, 취소, 가장 좋은 이름 저장 가능 코드는 한 번에 10개의 이름을 느리게 생성함 사용자가 스크롤 하면 더 많은 이름이 생성됨 스크롤 제한 없음 Part 1 에서 배울 내용 iOS, Android, 데스크톱(예: Windows) 및 웹에서 자연스럽게 보이는 Flutter 앱을 작성하는 방법 Flutter 앱의 기본 구조 기능 확장을 위한 패키지 찾기 및 사용 더 빠른 개발 주기를..

[Flutter] HTML 삽입 미리보기할 수 없는 소스

주석 http://dart.dev/tools/dartdoc dartdoc API reference generation tool. dart.dev /// 메서드나 클래스 정의 위에 작성하면 dartdoc과 같은 문서 생성 도구를 통해 문서 자동 생성됨 /// 주석 void test() {}

Dart cheatsheet codelab https://dart.dev/codelabs/dart-cheatsheet Dart cheatsheet codelab Interactively learn (or relearn) some of Dart's unique features. dart.dev Null-aware operators dart에서는 null 일 수도 있는 값들을 다루는 handy operators가 있다. 하나는 ??= assignment operator : 현재 null일 경우만 값이 할당 된다. int a; // The initial value of a is null. a ??= 3; print(a); // strings.join(','); } Cascades To perform a sequence of operations on t..

[React Native] Height and Width component의 height와 width는 화면에서 크기를 결정한다. Fixed Dimensions 크기를 설정하는 가장 심플한 방법은 고정된 width와 height를 style에 추가 하는 것이다. React Native에서 모든 크기는 단위가 없고, density-independent pixels(밀도독립화소?)을 나타낸다. 이 방법으로 크기를 설정하는 것은, screen 크기에 상관없이 항상 정확히 동일한 크기를 그려야 하는 component에 일반적으로 쓰인다. Flex Dimensions A component can only expand to fill available space if its parent has dimensions greater than 0. If a parent does ..

[React Native] Style React Native에서 스타일을 정의할 때 특별한 언어나 문법을 사용하지 않는다. 그냥 JavaScript를 사용하여 application을 디자인 한다. names는 camel casing을 사용한다. (e.g. backgroundColor) 구성 요소가 복잡 해짐에 따라 StyleSheet.create를 사용하여 여러 스타일을 한 곳에서 정의하는 것이 더 깔끔합니다. 예를 들면 다음과 같다. Text style을 Customizing 하는 다양한 방법 ☞ https://facebook.github.io/react-native/docs/text 참고 https://facebook.github.io/react-native/docs/style React Native · A framework for bu..

이전 1 2 다음

티스토리툴바