flutter

Flutter
Flutter Generator 사용법
Flutter Generator Code Generator 코드 제너레이션 사용 이유 - 반복되는 코드를 자동으로 생성할때 사용 - 보일러 플레이트 코드 감소 등등 Flutter Gen 사용법 pubspec.yaml 설정 - dev_dependencies: flutter_gen_runner: ^5.2.0 - flutter_gen 설정 flutter_gen: output: lib/gen/ #default: lib/gen/ line_lenght: 160 #default: 80 null_safety: true integrations: flutter_svg: true flare_flutter: true assets: enabled: true fonts: enabled: true colors: enabled: t..
→2024.03.08
Flutter
[Flutter] - SliverAppBar 사용 방법
안녕하세요 오늘은 SliverAppBar 사용 방법에 대해 설명드리겠습니다. Body에 List뷰를 사용했을때 상단 AppBar가 확장되거나 내가 스크롤하는 움직임에 따라서 변화를 주고 싶을 때 주로 사용합니다. 기본 위젯에 요소가 너무 많아서 제가 쓰면서 가장 필요하다고 생각했던 것들 위주로 정리해봤습니다. 일단 구현 화면은 다음과 같습니다. 하단 사진을 보시면 body부분엔 Listview가 AppBar에는 Image가 들어가 있는 형태로 구성되어 있습니다. 그럼 이렇게 구현하려면 어떤 방식을 사용해야 하는지 지금 부터 알아보도록 하겠습니다. 1. slivers를 CustomScrollView로 감싸주자 @override Widget build(BuildContext context) { return ..
→2022.03.17
Flutter
Flutter - Bluetooth(플러터 블루투스) 사용방법
이런 크로스 플랫폼을 개발을 위해 사용하면서 가장 큰 이점은 블루투스 같은 기능을 한번에 구현할 수 있다는 장점이라고 생각합니다. 일단 프로젝트를 하나 생성해 주세요. 저희가 사용하는 Flutter에서는 Flutter Native Bluetooth 라이브러리는 따로 없으니 능력자분들이 만들어 놓은 플러그인 라이브러리를 사용해서 구현해보겠습니다. 이제 pub.dev사이트에 들어가시면 여러 플러그인 라이브러리가 존재합니다. 제가 사용해 봤을땐 개인적으로 https://pub.dev/packages/flutter_blue 이 라이브러리가 제일 사용하기도 편하고 제가 원하는 기능들이 웬만큼 구현되어 있어서 사용하기 편하더라구요. 이 플러그인 라이브러리를 사용해서 구현해 보겠습니다. 언제나 라이브러리를 사용할 때..
→2021.03.02
Flutter
Flutter - AlertDialog(플러터 다이얼로그)
안녕하세요. 오늘부터 는 현재 공부중인 Flutter에 대해 포스팅을 해보도록 하겠습니다. 원래 Native로 iOS, Android를 개발하여 App을 출시 했지만, 아무래도 1인 App 개발이다 보니 Native로 동시에 두개를 개발하기에는 조금 벅찬 감이 있더라구요. 오늘 소개해 드릴 내용은 Flutter의 AlertDialog 입니다. 일단 새로운 프로젝트를 생성해 주세요. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(B..
→2020.09.02

• 이전
• 1
• 다음