본문 바로가기

분류 전체보기271

[Flutter] GestureDetector 최종 코드 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { @override _GestureDetectorExample createState() => _GestureDetectorExample(); } class _GestureDetectorExample extends State { late String msg; late String direction; double _scaleFactor = 1.0; double _baseScaleFactor = 1.0; @override void initState() { msg = 'gesture'; direction = '.. 2021. 3. 24.
[Flutter] Bluetooth pub.dev/packages/flutter_blue/example flutter_blue | Flutter Package Flutter plugin for connecting and communicating with Bluetooth Low Energy devices, on Android and iOS pub.dev main.dart // Copyright 2017, Paul DeMarco. // All rights reserved. Use of this source code is governed by a // BSD-style license that can be found in the LICENSE file. import 'dart:async'; import 'dart:math'; import 'pa.. 2021. 3. 24.
[Flutter] Provider (2) 3. MultiProvider - Provider가 여러개일수록 관리가 어려워짐. 중첩될 경우에는 앱이 난잡해지기 쉬움 - MultiProvider는 Provider 관리가 상당히 편해짐 - MultiProvider의 providers 속성에 원하는 Provider 적어주면 됨 3-1. MultiProvider 사용 Widget build(BuildContext context) { return MultiProvider( providers: [ Provider.value(value: 1), Provider.value(value: "test"), ], ); } - Provider는 자료형으로 어떤 값을 가져올지 구분 3-2. MultiProvider 사용 2 MultiProvider( providers: [.. 2021. 3. 24.
[Flutter] Provider (1) 1. Provider - 하나의 데이터를 여러 페이지에 공유 가능 - 한 클래스는 하나의 역할만 갖도록 분리 가능 - 코드의 간결함 1-1. Provider 데이터 생산 Provider.value( value: 5, child: MaterialApp( home: SimplePage(), ), ) - Provider의 child에서 값 공유 가능 - Provider에서 제공하는 값(value)은 5 1-2. Provider 데이터 소비 var data = Provider.of(context); - Provider.of(context) 또는 Consumer() 위젯 사용하여 소비 2. ChangeNotifierProvider 사용 - 변하는 값 처리 - setState()와 ChangeNotifier는 같은.. 2021. 3. 24.
[Flutter] Login App (2) https://cording-cossk3.tistory.com/106 [Flutter] Login App (1) main.dart import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'settings.dart'; import 'login.dart'; import 'package:fluttertoast/fluttertoast.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { @o cording-cossk3.tistory.com 이전에 만들었던 login app에서 비밀번호 visible 이벤트를 주려고 한다. Stat.. 2021. 3. 24.
[Flutter] Vlc Player & Circular Percent Indicator 영상 플레이와 현재 재생 시간의 circular percent indicator를 해보았다. pubspec.yaml dependencies: flutter: sdk: flutter percent_indicator: flutter_vlc_player: ^4.0.1 영상 play 그 전에 포스팅했던 video_player는 현재 재생 시간을 보는 방법을 몰라서,, flutter_vlc_player로 대체하려고 한다. class _VideoDemoState extends State { Key _key = GlobalKey(); String url ="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4"; late Vl.. 2021. 3. 24.
[Flutter] Custom Horizontal Number Picker 참고 : github.com/levent-kantaroglu/horizontal_picker levent-kantaroglu/horizontal_picker Contribute to levent-kantaroglu/horizontal_picker development by creating an account on GitHub. github.com 위의 분 number picker를 토대로 custom 했다. ListWhellScrollView 안 숫자 데이터를 세로 선으로 변경 Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: EdgeInsets.sy.. 2021. 3. 23.
[Flutter] Horizontal Number Picker pubspec.yaml dependencies: flutter: sdk: flutter numberpicker NumberPicker 구현 NumberPicker( value: _currentHorizontalIntValue, minValue: _minValue, maxValue: _maxValue, step: 1, itemHeight: 100, axis: Axis.horizontal, onChanged: (value) => setState(() => _currentHorizontalIntValue = value), ) 현재 pick한 number 보여주기 Text( _currentHorizontalIntValue.toString(), style: TextStyle( fontSize: 40, fontWe.. 2021. 3. 23.
[Flutter] DatePicker (iOS style) pubspec.yaml dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 intl: flutter_localizations: sdk: flutter Locale 설정 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Image Picker Demo', home: MyHomePage(), debugShowCheckedModeBanner: false, localizationsDelegates: [ GlobalMaterialLocalizations.delegate, GlobalCupertinoLocali.. 2021. 3. 23.
[Flutter] Image Picker pubspec.yaml dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 image_picker: Button 만들기 Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ FloatingActionButton( onPressed: getImageFromCam, tooltip: 'Pick Image', child: Icon(Icons.add_a_photo), ), FloatingActionButton( onPressed: getImageFromGallery, tooltip: 'Pick Image', child: Icon(Icons.wallpaper), ), ], ) Camera Eve.. 2021. 3. 23.

티스토리툴바