프로그래밍 공부 메모/flutter
-
RichText() 텍스트 꾸미기프로그래밍 공부 메모/flutter 2022. 7. 6. 17:38
" Hello bold world! " 해당 텍스트 작성 시 TextSpan()으로 문단을 구분 짓고 특정 문단을 꾸며 줄 수 있다 예시 1) RichText( text: TextSpan( text: 'Hello ', style: DefaultTextStyle.of(context).style, //디폴트 텍스트 스타일 적용으로 모든 요소들에게 적용 children: const [ TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)), //특정 요소에 style정용시 우선적용 TextSpan(text: ' world!'), ], ), ) 예시 2) RichText( text: TextSpan( children: [ TextSpan(te..
-
GetX (simple state manager with GetBulider 로) 만들기 1프로그래밍 공부 메모/flutter 2022. 6. 21. 17:35
1. simple state manager with GetBulider 로 만들기 → provider의 consumer는 전체 범위에서 이벤트가 일어나는 것을 감시하는 느낌 → simple state manager with GetBulider는 내가 필요한 위치에만 딱 집어서 만드는 느낌 2. 장/단점 장점 → provider에 비해 선언되는 변수의 양이 적어지며 코드가 간결해짐 단점 → 이벤트 업데이트시 해당 기능 함수에서 update() 메서드를 수동으로 항상 작성해 줘야 함 [ 메인 ] import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:getx/controller.dart'; void main(..
-
앱이 시작할때 세팅하기프로그래밍 공부 메모/flutter 2022. 6. 18. 16:05
여러가지 이유로(api, 이전 데이터가 저장된 상태로..등) 앱이 시작할때 값이 세팅된 상태로 시작하길 원할때가 있을것이다 크게 두가지 방법으로 가능할 것 같다 1. initState statefulwidget 클래스 일때 해당 initState()를 오버라이딩 해서 사용이 가능하다 2. 생성자를 활용 아래와 같이 CatService()객채를 생성할때 생성자를 활용해서 값을 세팅 할 수 있다 void main() { runApp( MultiProvider( providers: [ ChangeNotifierProvider(create: (context) => CatService()), ], child: const MyApp(), ), ); } [ catservice() ] class CatService e..
-
statelees / stateful 일때 다음화면에 데이터 전달하기프로그래밍 공부 메모/flutter 2022. 6. 16. 19:11
1. statelees 화면으로 데이터 전달 Navigator.push( context, MaterialPageRoute( builder: (context) => DetailScreen(todo: todos[index]), ), class DetailScreen extends StatelessWidget { // Todo를 들고 있을 필드를 선언합니다. final Todo todo; // 생성자는 Todo를 인자로 받습니다. DetailScreen({Key key, @required this.todo}) : super(key: key); @override Widget build(BuildContext context) { // UI를 그리기 위해 Todo를 사용합니다. return Scaffold( app..
-
firstwhere(),where(), toList(), toSet(), any(), map()프로그래밍 공부 메모/flutter 2022. 6. 14. 18:53
1. where() 조건을 필터링 함수형 프로그래밍을 지원하고 함수들의 결과를 반복 가능한 타입으로 반환 var items = [1,2,3,4]; items.where((e) => e % 2 == 0).forEach(print); //2, 4 2. toList() 리스트 형태로 변환하여 반환함 final result = itmes.where((e) => e % 2 == 0).toList(); 3. toSet() 중복되는 테이터가 없는 set컬렉션으로 변환 final result = itmes.where((e) => e % 2 == 0).toSet().toList(); 4. any 특정 조건을 충족하는 요소가 있는지 없는지 검사 print(items.any((e) => e % 2 == 0)); 5. fir..
-
provider 다루기프로그래밍 공부 메모/flutter 2022. 6. 10. 22:06
context.read / consumer 의 차이점 provider의 상태를 관리하는 변수의 값이 변경되어 해당 화면을 다시 그릴 경우 consumer, 해당 위젯이 변경될 부분이 없으며 화면이 바뀔 내용이 없을고 하지만 provider pool(service)에 있는 요소를 1회성으로 클래스에 접근하고 싶을 때 context.read (); 사용 항상 notifyListners()를 호출하여 갱신이 된 걸 알려줘야 한다 [ 메인 페이지 ] import 'package:bucket_provider/bucket_service.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'packa..