Study/Flutter26 [Flutter] Flutter blue Plus 1.30.7 버전 기준 연결 예제 안드로이드 권한 업데이트로 인해 블루투스가 잘 안되서 보니 업데이트 많이했음. 따라서 최신 버전에 맞추어 예제를 작성함. (이걸 쓰는 도중에도 1.30.8에서 1.31.3 으로 올랏다;) 내가 사용한 버전은 1.30.8 버전을 사용했다. flutter pub add flutter_blue_plus 를 통해 flutter blue plus를 추가해줬다. 특정 StatefulScreen이 생성될 때 생성한 블루투스 셋팅 매서드를 호출하고 적당히 listen을 해 주었다. listen 하여 나온 리스트를 반복하여 특정 platform 이름을 가진 기기와 연동하였다. 여기서 중요한 문법은 then을 통해 연결된 이후에 추가적인 작업을 진행해 주어야만 한다는것.. 추가로 블루투스의 맥 주소로 연결하도록 변경예정 .. Study/Flutter 2023. 12. 26. 더보기 ›› [Flutter] TextFormField을 Custom하여 사용하기. 작업을 하다보면 TextFormField는 자주 쓸 수밖에 없는데, 이때 디자인을 수정해야 할 때가 있다. 그때를 대비하여 Custom하는 방법에 대해서 설명한다. back에 label색상과, 글씨가 써지면 보여져야하는 삭제버튼, 삭제버튼에 따라오는 기능, 숫자만 입력하는 기능.. 이메일 입력..등 상당히 많은 부분을 작업해야 하는데 이럴때 Custom하여 하나의 객체로 만들면 편안하다. 첫째로 해야하는건 클래스를 생성하는것이다. 당연하게도 상태가 변화함에 따라 새로 그려져야 하므로 StatefulWidget을 사용하면 된다. 그리고 Container안에 Stack을 통해 각기 위젯을 겹쳐두고 입력에 따른 기능을 추가하면 된다. 소스코드 더보기 class CustomTextField extends Sta.. Study/Flutter 2023. 11. 24. 더보기 ›› [Flutter] 플러터에서의 Database연동 및 API 통신 플러터를 포함한 모바일 개발시 DB를 직접 넣어선 안된다. 디컴파일이 되어 db정보를 노출할 수 있기 때문인데, 때문에 플러터에서 database를 직접 연동하기 위해선 앱 내부에서만 사용하는 로컬 Database를 사용하는 방법과 API서버를 통한 API 통신을 하는 방법이 있다. 이중 API통신에 대해서 작성하였다. 먼저 http 라이브러리의 의존성을 추가해준다. http: ^0.13.5 소스에 http.dart를 가져와 import 'package:http/http.dart' as http; body에 날려 보내는방법, url에 파라미터로 날리는 방법 등 자바, C#등에서 사용하는 방법으로 전부 사용 가능하다. 1. GET class AdvAPI { Future getAdvertisement(Str.. Study/Flutter 2023. 8. 17. 더보기 ›› [Flutter] SharedPreferences를 사용한 자동 로그인 구현 https://pub.dev/packages/shared_preferences SharedPreferences는 Key-value 형태로 앱 내에 데이터를 저장하는 방법이다. *중요한점은 패스워드 정보는 보관하면 안된다. 사용방법은 다음과 같다. pubspec.yaml 에 의존성 추가 shared_preferences: ^2.0.18 선언 SharedPreferences prefs = await SharedPreferences.getInstance(); 가져오기 String? userId = prefs.getString('userID'); String? tokenUuid = prefs.getString('token'); String? savedLocale = prefs.getString('locale').. Study/Flutter 2023. 8. 16. 더보기 ›› [Flutter] 다국어 지원 어플리케이션 개발을 하면서 다국어 지원을 사용하게 될 일이 많다. 플러터에서는 다국어 지원을 하기위해 Intl 이라는 이름으로 다국어및 지역화 기능을 지원하는 패키지를 사용한다. 다국어 지원을 위해 진행해야 할 절차들에 대해서 설명. 1. yaml파일에 localization, intl 패키지 설치 더보기 https://pub.dev/packages/intl_utils 2. yaml 파일내 generate 및 flutter_intl 설정 추가 flutter: generate: true uses-material-design: true assets: - assets/img/spec/ - assets/img/wine/ - assets/img/logo/ - assets/img/grape/ - assets/aud.. Study/Flutter 2023. 7. 5. 더보기 ›› 반응형 이전 1 2 3 4 ··· 6 다음
