paulaner80

sliver는 스크롤 가능한 영역을 의미합니다. 보통 CustomScrollView 안에 위치합니다. SliverAppBar는 일반적으로 CustomScrollView의 첫째 자식으로 사용됩니다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: [ SliverAppBar( title: Text("SliverAppBar"), ) ], ), ); }} CustomScrollView를 채우기위해서 SliverAppBar로 앱바를 만들었고, 이제 차일드위젯에 SliveList혹은 SliveGrid를 추가할 수 있습니다...

원래는 simple_permissions를 이용하였었는데 androidx가 나와서 androidx로 프로젝트를 생성했다. >flutter create -a kotlin -i swift --androidx my_awesome_app 이 후 project 생성 후 빌드하는데 simple_permissions이 android.support 이기 때문에 실패 났다. 그개서 permission관련 다른 라이브러리인 permission_handler (https://pub.dev/packages/permission_handler)를 사용하게 되었다. checkPermissionStatus 이 권한확인이고, requestPermissions 이 권한요청이다. PermissionStatus permission = aw..

GridView 생성자들. 그리드 뷰 모양(로 갯수, 스페이싱등) 그리드뷰 아이템 count 콜백방식, 갯수지정 콜백방식 extend 콜백방식, 넓이지정 콜백방식 builder 클래스방식 갯수지정 : SliverGridDelegateWithFixedCrossAxisCount 넓이지정 : SliverGridDelegateWithMaxCrossAxisExtent 콜백방식 custom 클래스방식 갯수지정 : SliverGridDelegateWithFixedCrossAxisCount 넓이지정 : SliverGridDelegateWithMaxCrossAxisExtent 클래스 방식SliverChildBuilderDelegate GridView.count 그리드뷰를 사용하데 가장 쉬운 방법은 GridView.cou..

1. 디펜던시 추가 pubspec.yaml dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 path_provider: #new 패키지 임포트 import 'package:path_provider/path_provider.dart'; 2. FutureBuilder 보일러 플레이트 FutureBuilder( future: ~~~, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { } else { return CircularProgressIndicator(); } }, ) 3. 폴더 경로 가져오기 getApplicationDocumentsDirec..

설정pubspec.yaml 파일을 열어 dependencies에 provider를 추가해 줍니다. dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^0.1.2 provider: ^3.0.0 #new 소스에서 provider.dart를 임포트하면 provider패턴을 사용하 실 수 있습니다.import 'package:provider/provider.dart'; 상태접근사용자가 카탈로그에서 항목 중 하나를 클릭하면 장바구니에 추가됩니다. My..

Execution failed for task ':app:mergeDexDebug'. 플러터 빌드하다보면 자주 발생하는 에러입니다. https://developer.android.com/studio/build/multidex 에 보면minSdkVersion이 20 이하로 설정되어 있으면 multidex 지원 라이브러리를 사용해야 한다고합니다. android\app\build.gradle 를 열어 어보니 저의 현재 app의 minSdkVersion이 15로 되어 있네요. 그래서 아래와 같이 추가 했습니다. 그랬더니 빌드가 됩니다. android { defaultConfig { ... minSdkVersion 15 targetSdkVersion 28 multiDexEnabled true } ... } dep..

List List map void main() { List bb = ["a", "b", "c", "d", "e"]; List cc = bb.map((s){ return s +"BB"; }).toList(); print(cc); } http import 'package:http/http.dart' as http; import 'dart:convert'; void main(List args) async { var client = http.Client(); try { final response = await client.get(Uri.parse('url 주소')); if(response.statusCode == 200){ print(response.body); //한글깨질 수 있음. print(utf8.dec..

providerProvider The most basic form of provider. It takes a value and exposes it, whatever the value is. ListenableProvider A specific provider for Listenable object. ListenableProvider will listen to the object and ask widgets which depend on it to rebuild whenever the listener is called. ChangeNotifierProvider A specification of ListenableProvider for ChangeNotifier. It will automatically cal..

가로 리스트뷰 가끔은 가로로 스클롤되는 리스트를 만들어야 때가 있습니다. ListView 위젯은 가로 리스트도 지원합니다. 기본 ListView 생성자를 사용할 것이고, scrollDirection을 Axis.horizontal으로 설정하겠습니다. 기본설정은 Axis.vertical 입니다. class MyApp extends StatelessWidget{ @override Widget build(BuildContext conctext){ return Sacffold( appBar:AppBar(title:Text("Horizontal Lists")), body : Container( margin : EdgeInsets.symmetric(vertical:20.0), height : 200.0, child ..

리스트 기본 데이터를 리스트로 보여주는 것은 모바일 앱에서 기본적인 형태입니다. 플러터에는 ListView 위젯이있어 리스트를 쉽게 만들 수 있습니다. ListView 작성 기본 ListView 생성자를 사용하는 것은 몇개의 아이템만 있을 때 좋습니다. 그리고 아이템의 화면 구성을 위해 ListTile 위젯을 사용하겠습니다. ListView( childern : [ ListTile( leading : Icon(Icons.map), title : Text('Map') ), ListTile( leading : Icon(Icons.photo_album), title : Text('Album') ), ListTile( leading : Icon(Icons.phone), title : Text('Phone') )..