본문 바로가기

Mobile

(13)

[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..

[React Native] State component를 컨트롤 할 수 있는 2개의 데이터 타입이 있다. props and state props는 부모에 의해 설정되고, component의 lifetime 동안 고정된다. 데이터가 변화 되어야 한다면, state를 사용해야 한다. 일반적으로, 생성자에서 state를 초기화하고 변경 할때는 setState를 호출해야한다. 예를 들어, 항상 깜빡이는 text를 만들고 싶다고 가정 해 보자. blinking component가 생성될 때 text는 한번 설정되므로 prop이다. "텍스트가 현재 켜져 있는지 꺼져 있는지"는 시간이 지남에 따라 변경되므로 state로 유지되어야 한다. 실제 application에서는, 아마 timer로 state를 설정하지 않을 것이다. 서버나 사용자 입력으로 부터 ..

이전 1 2 다음

티스토리툴바