본문 바로가기

프로그래밍/Flutter-Dart81

[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.
[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 { @override State createState() { return _MyAppState(); } } class _MyAppState extends State { late String _title = 'Please Login'; late Widget _sc.. 2021. 3. 23.
[Flutter] wifi connect 정보 * IOS 13이상부터는 getWifiBSSID()와 getWifiName() 함수는 null로 반환된다고 한다. 알 수 있는 정보는.. 어디에 연결되어있는지와 ip뿐이다..ㅜㅜ pubspec.yaml environment: sdk: ">=2.12.0 2021. 3. 22.
[Flutter] Webview JavaScript Handler 등록 진짜 헤매고 헤매다가.. 겨우 성공한 javascript handler 등록하기!!!! assets/index.html TEST Example!!! 위와 같이 handlerFoo, handlerFooWithArgs 2개의 핸들러를 호출한다! callHandler('handlerFoo')는 main.dart로부터 결과를 받아 출력하는 부분이고, callHAndler('handlerFooWithArgs')는 main.dart로 아규먼트들을 보내는 부분이다.! pubspec.yaml environment: sdk: ">=2.12.0 2021. 3. 22.
[Flutter] WebView JS 통신 오늘은 웹과 앱에서의 JS통신을 구현해봤다. html과 javascript까지 봐야하니까.... 너무 어렵다................... 하지만 그래도 해야하기에 (T^T) html 파일 작성 The navigation delegate is set to block navigation to the youtube website. webToApp appToWeb https://www.youtube.com/ https://www.google.com/ 여기서 WebToApp function은 alert를 띄워주고, 로그를 뿌려준다. appToWeb function은 alert를 띄워주고, container_box id를 가진 div의 backgroundcolor를 변경해준다. main.dart에 index... 2021. 3. 19.
[Flutter] IOS 앱 구동 (2) https://cording-cossk3.tistory.com/101 [Flutter] IOS 앱 구동 (1) android studio로 개발하던 프로젝트를 맥으로 가져와서 빌드하려고 했더니, Downloads Dart SDK 였나? 라고 뜨길래 다운받으려고 링크를 타고 들어갔다. dart.dev/get-dart $ brew tap dart-lang/dart $ brew install dart cording-cossk3.tistory.com flutter 프로젝트로 이동하자 그리고 ios 프로젝트를 열어준다. 그럼 xcode가 실행이 될 것이다!! 왼쪽에 project 구조에서 Runner를 클릭하면 무슨 설정 창 같은게 뜰 것이다. 위처럼 Signing & Capabilities 탭에 들어가면 Tea.. 2021. 3. 19.

티스토리툴바