본문 바로가기

Programming/Flutter5

[모로로그] 문의 화면 만들기 - #1 화면 구성 사용자가 의견을 전달하기 위한 화면을 만든다. (진행중이라서 내용이 변경될 수 있음.) 전달하는 정보는, 이름, 이메일, 내용 으로 구성한다. (추가적으로 플랫폼 종류, 버전정보를 포함한다.) 대략적인 화면 구성은 아래와 같다. 라우터 추가 라우터 내용은 lib/route/routes.dart 파일에서 추가한다. ./lib/route/ └── routes.dart/contact 이름으로 GetPage 를 추가 한다. class Routes { ... static const contact = '/contact'; static const defaultTransition = Transition.downToUp; static final pages = [ ... GetPage( name: conta.. 2023. 7. 17.
일상기록을 위한 서비스를 만든다 이 유튜브를 보고 서비스를 생각했다. 기본 화면을 구상한다. 월별로 조회해서, 날짜별로 묶어서 보여준다. 하나의 스크롤로 처리해서, 쭉 이어서 볼 수 있도록 한다. 작성내용으로 날짜, 시간, 내용을 입력한다. ### 개발중 웹 : https://log.moro.kr log_flutter log.moro.kr 2023. 7. 10.
[flutter] layoutbuilder Template 를 사용하여 화면을 구성한다. class HomePage extends StatelessWidget { const HomePage({super.key}); @override Widget build(BuildContext context) { return DefaultTemplate( contents: RootContents(), ); } } LayoutBuilder 를 사용하여 화면 크기에 따라 반응하도록 한다. @override Widget build(BuildContext context) { return LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) { ScreenLayoutController.to... 2023. 3. 6.
mobx - 기본구성 MobX 플러터에서 상태관리를 위해 mobx 를 사용합니다.(다른것을 사용할 수도 있습니다) https://mobx.pub/getting-started MobX 관련 패키지 추가 pubspec.yaml dependencies: ... provider: ^3.1.0+1 mobx: ^0.3.9+1 flutter_mobx: ^0.3.3+1 ... dev_dependencies: ... build_runner: ^1.7.2 mobx_codegen: ^0.3.10 store 파일 생성 lib/store/counter_store.dart import 'package:mobx/mobx.dart'; // Include generated file part 'counter_store.g.dart'; // This is t.. 2020. 9. 19.
[Flutter] json_serializable 사용하기 [Flutter] json_serializable 사용하기 문제 flutter 에서 json 데이터를 사용하기 위해서는 이를 Map 으로 변경해서 사용해야 합니다. json을 객체로 변경하기 위해 fromJson, 객체를 json으로 변경하기 위해 toJson 함수를 만들어서 사용합니다. class User { final String name; final String email; User(this.name, this.email); User.fromJson(Map json) : name = json['name'], email = json['email']; Map toJson() => { 'name': name, 'email': email, }; } 이 때 문제점은 내부 변수가 변경되거나, 추가, 삭제 되면.. 2019. 6. 13.