Flutter에서 Svg를 사용하는 법을 해보겠다 1. Package 사용하기 우선 플러터 아래의 링크로 간다 https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev 그리고 검색창에 flutter_svg를 검색한다 flutter_svg를 클릭한다 복사버튼을 클릭하도록 한다 2. pubspec.yaml에 붙여 넣기 pubspec.yaml 파일에 붙여 넣는다 위치는 dependencies > flutter > 안에다가 붙여 넣는다 ※ ^2.0...
저번시간 TabBar에 이어서 이번에는 TabBarView와 Expanded을 사용해 볼 것이다 저번 시간 코드는 아래의 링크를 참조한다 https://initstory.tistory.com/118 1. practice_page.dart 코드 수정 practice_page.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/components/practice_tabbar.dart'; class PracticePage extends StatelessWidget { const PracticePage({Key? key}) : super(key: key); @override Widget build(BuildContext co..
모든 웹이나 앱에는 Button이 있다 그리고 그 Button은 각자 스타일이 다 있다. 이번에는 각자 스타일을 주는 버튼을 한번 만들어 보도록 할테당 1. 기본 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(Bui..
저번에는 Image를 넣고 가로넓이, 새로 넓이 조절하는 법과 BoxFit을 사용하는 법을 배웠다 https://initstory.tistory.com/114 이번에는 가로넓이, 새로넓이를 조절하지 않고 화면비율대로 조절하는 법을 하겠다 이때는 AspectRatio 라는 위젯을 사용한다 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);..
1. ListView ListView는 새로 스크롤을 생기게 하는 방법이다. 일단 처음 코드를 보도록 한다 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return Materi..
