import 'package:flutter/material.dart'; import 'package:flutter_hooks/flutter_hooks.dart'; void main() { runApp(const MyApp()); } class MyApp extends HookWidget { const MyApp({super.key}); ...
Lunetzsche's House
Flutter - Hooks 소개
Flutter - Images(2)
이번 시간에는 imagePicker를 이용해볼 것이다. asset이 아닌 폴더에 적용된 것도 불러올 것이다. 전체 코드 먼저 image_picker를 인스톨한다. flutter pub add image_picker flutter pub get 그다음 우리의 메인 화면을 만든다. Widget notImage () { return Ges...
Flutter - 상태 관리
import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; void main() { runApp(const Home()); } class Home extends StatefulWidget { const Home(...
Flutter - PageView
일단 이미지 5개가 필요하다. 각각 1부터 5까지 이미지 이름을 정하고, assets/images 폴더에 넣는다. import 'package:flutter/material.dart'; import 'package:flutter/services.dart' show rootBundle; import 'dart:convert'; void main() ...
Flutter - Expanded와 Flexible
class Home extends StatelessWidget { const Home({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: Row( // axis children: [ ...
Flutter - Axis
Axis는 Row와 Column의 파라미터다. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp( debugShowChecked...
Flutter - Json(2)
Do it! 깡샘의 플러터 & 다트 프로그래밍 본 코드는 위 책의 내용을 상당히 많이 참고했다. import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; void main() { runApp(MyApp()); } class MyApp extends...
Flutter - Json(1)
우선 JSON 파일을 json/data.json에 만든다. { "LapisTerritory": { "Escha": { "name": "Escha Lapis Schnabel", "age": 18, "weapon": "Rapier" }, "Inar": { "name": "Inar Lopend Nordfeldt", "age": 20, "...
Flutter - Drawer
myDrawer() { return Align( alignment: Alignment.topLeft, child: SizedBox( height: 600, child: Drawer( child: ListView( padding: const EdgeInsets.all(10), ...
Flutter - List View & Cards
mainPage() { return ListView( padding: const EdgeInsets.all(10), children: [ cards("카드"), cards("카드2"), cards("카드3"), ], ); } 리스트 뷰에 카드를 추가하려 한다. cards 함수는 String...