Flutter & Dart 19

[Flutter] 이전 화면에 데이터 반환하기

Flutter 이전 화면에 데이터 반환하기 1.홈 화면을 정의 2.선택 창을 띄우는 버튼을 추가 3.두 개의 버튼을 가진 선택창 보여주기 4.하나의 버튼을 클릭하면 선택창을 닫음. 5.선택된 정보를 홈 화면의 snackbar에 보여줌. 1.홈 화면 class HomeScreen extends StatelessWidget{ @override Widget build(BuildContext context){ return Scaffold( appBar: AppBar( title: Text('Returning data demo'), ), //다음 단계에서 SelectionButton 위젯을 만들 것이다. body: Center(child: SelectionButton()), ); } } 2.선택창을 띄우는 버튼을..

Flutter & Dart 2022.10.24

[Flutter] 플랫폼 별 코드 작성

[Flutter] 플랫폼 별 코드 작성 Flutter의 플랫폼 별 API는 코드 생성에 의존하고 있지 않고, 유연한 메시지 전달 스타일을 사용합니다. -앱의 Flutter부분은 플랫폼 채널을 통해서 iOS나 Android가 될 수 있는 호스트에게 메시지를 보냅니다. -호스트는 플랫폼 채널에서 메시지를 받습니다. 그리고 플랫폼 네이티브 언어를 사용해서 몇 개의 플랫폼 별 APIs를 호출하고, Flutter부분인 클라이언트에게 응답을 보냅니다. 참고: Flutter가 Dart와 메시지를 비동기로 주고 받음에도 불구하고, 채널 메서드를 호출할 때, 메서드를 플랫폼의 메인 스레드에서 호출해야 합니다. 클라이언트 단에서는, MethodChannel이 메시지를 그에 상응하는 메서드로 보낼 수 있도록 해줍니다. 플랫..

Flutter & Dart 2022.10.24

[Flutter] 이미지 리스트 샘플 앱

main.dart시작. flutter는 첫진입은 일반적으로 lib/main.dart로 시작된다. -매트리얼 테마를 사용하기 위해서 import -runApp은 메테리얼 라이브러리를 통해 실행된다. -App은 따로 빼서 진행한다. #lib/main.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main(){ runApp(App()); } lib에 src폴더를 만들고 app.dart를 생성한다. -StatefulWidget을 통해서 서버로 들어오는 아이템들을 리스트로 보내주고 있다. -Scaffold는 Floating Action Button과 타이틀바 및 바텀바등을 기본적으로 가지는 위젯이다. -await은 비동기 방식을 ..

Flutter & Dart 2022.10.22

[Flutter] 새로운 화면으로 데이터 보내기

1.Todo 클래스를 정의합니다. 2.Todo 리스트를 보여줍니다. 3.Todo에 대한 상세 정보를 보여줄 수 있는 화면을 생성합니다. 4.상세 화면으로 이동하면서 데이터를 전달합니다. 1. class Todo{ final String title; final String description; Todo(this.title, this.description); } 2. final todos = List.generate( 20, (i) => Todo( 'todo $i', 'description Todo $i', ), ); -ListView를 사용하여 Todo리스트 보여주기 ListView.builder( itemCount: todos.length, itemBuilder: (context, index){ ret..

Flutter & Dart 2022.10.22

[Fluetter] StatefulWidget & Lifecycle

[Fluetter] StatefulWidget & Lifecycle StatefulWidget 1.StatefulWidget을 extends한다. class App extends StatefulWidget{ } 2.State를 상속받은 클래스를 만든다. class AppState extends State{ int counter = 0; Widget build(context){ return MaterialApp( ... ) } } 3.createState 함수를 StatefulState 클래스에 정의를 한다. @override State createState(){ return AppState(); } Stateful Widget Lifecycle SatefulWidget을 만들때 state라는 오브젝트를 ..

Flutter & Dart 2022.10.22

Flutter 비동기 작업 Future

Future 비동기 작업의 결과를 나타내며 미완료(value를 생성하기 전)또는 완료(value 생성)의 두 가지 상태를 가질 수 있습니다. -미완성 비동기 함수를 호출하면 완료되지 않은 미래가 반환됩니다. 미래에는 함수의 비동기 작업이 완료되거나 오류가 발생하기를 기다리고 있습니다. -완료 비동기 작업이 성공하면 미래는 값으로 완료됩니다. 그렇지 않으면 오류와 함께 완료됩니다. -값으로 완성 유형의 미래는 유형 Future값으로 완료됩니다. -오류와 함께 완료 함수가 수행하는 비동기 작업이 어떤 이유로 든 실패 하면 미래는 오류와 함께 완료됩니다. 비동기 작업 -네트워크를 통해 데이터를 가져오는중 -데이터베이스에 쓰기 -파일에서 데이터를 읽습니다. Dart에서는 비동기 작업을 수행하기 위해 Future..

Flutter & Dart 2022.10.22

Fluetter Ble 통신

https://medium.com/flutter-community/flutter-for-bluetooth-devices-5594f105b146 Flutter for Bluetooth devices How to connect your BLE devices to the flutter app and actually do something. medium.com Ble 사용 https://blog.naver.com/chandong83/221897652401 플러터(Flutter) - BLE 사용하기 #1- 라이브러리 추가 및 SCAN 기능 구현 Flutter에서 BLE(bluetooth low energy)를 구현하기 위해 아래와 같은 라이브러리를 사용한다. flutter... blog.naver.com

Flutter & Dart 2022.10.22