프로그래밍177 [Flutter] Card 결과 전체 코드 // @dart=2.9 import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() => runApp(GetMaterialApp( home: MyStatelessWidget(), )); /// This is the stateless widget that the main application instantiates. class MyStatelessWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Card( child: Column( mainAxisSize: MainAxisS.. 2021. 3. 25. [Flutter] Unsound null safety 관련 dart.dev/null-safety/unsound-null-safety#testing-or-running-mixed-version-programs Unsound null safety Mixing language versions lets you migrate to null safety at your own pace, with some of the benefits of null safety. dart.dev 2021. 3. 25. [Flutter] Dice App project_name/images 사진 넣기 pubspec.yaml flutter: uses-material-design: true assets: - images/ MaterialApp ▶ GetMaterialApp void main() { return runApp( GetMaterialApp( home: Scaffold( backgroundColor: Colors.lime, body: _DicePage(), ), ), ); } Controller class class Controller extends GetxController { var _leftDiceNumber = 1.obs; var _rightDiceNumber = 1.obs; changeDiceFaceLeft() { _leftDiceNumbe.. 2021. 3. 25. [Flutter] Shared preferences 나는 get과 좀 더 친해지고 싶어서 참고한 블로그 코드에서 get 패턴으로 수정했다.!!!! pubspec.yaml dependencies: flutter: sdk: flutter shared_preferences: get: MaterialApp ▶ GetMaterialApp void main() => runApp(GetMaterialApp( home: MyHomePage(title: 'Shared preferences demo'), theme: ThemeData( primarySwatch: Colors.blue, ), )); Controller class class Controller extends GetxController { var _counter = 0.obs; bool _isFirst = tr.. 2021. 3. 25. [Flutter] cached_network_image cached_network_image - 캐시된 이미지 사용하는 방법. offline 상태에서도 이미지를 볼 수 있다고 한다. - 한 번 실행해서 이미지를 다운 받은 후에 인터넷 연결 해제한 후 다시 실행해도 됨 pubspec.yaml dependencies: flutter: sdk: flutter cached_network_image: ^2.5.1 main.dart import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widge.. 2021. 3. 25. [Flutter] get package (2) 경로 관리 GetMaterialApp( home: MyHome(), ) ▶ MaterialApp 앞에 "Get"을 추가하여 GetMaterialApp으로 변경 Get.to(NextScreen()); ▶ 새 화면으로 이동 Get.toNamed('/details'); ▶ 이름이 있는 새 화면으로 이동 Get.back(); ▶ snackbars, dialogs, bottomsheets를 닫으려면 Navigator.pop(context)를 썼음 Get.off(NextScreen()); ▶ 다음 화면으로 이동. 단, 이전 화면으로 돌아가는 옵션이 없는 경우 (예 : Splash 화면, 로그인 화면 등) Get.offAll(NextScreen()); ▶ 다음 화면으로 이동. 단, 이전 경로를 모두 취소하는 경우 (.. 2021. 3. 25. [Flutter] get package (1) pub.dev에서 어떤 package들을 많이 사용할까 를 찾아보다가 get 이라는 package를 보았다. pubspec.yaml dependencies: get: Counter App 만들기 MaterialApp ▶ GetMaterialApp 변경 void main() => runApp(GetMaterialApp(home: Home())); - GetMaterialApp은 MaterialApp이 자식으로 있는 미리 구성된 위젯이라고 한다. Controller class class Controller extends GetxController { RxInt count = 0.obs; increment() => count++; } - .obs를 사용하여 해당 변수를 관찰 가능한 변수로 만든다. (앞의 값을.. 2021. 3. 24. [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. 이전 1 ··· 8 9 10 11 12 13 14 ··· 18 다음
