flutter10 [flutter] CustomPainter로 그래프 만들기 안녕하세요, 오늘은 CustomPainter로 그래프를 그려보도록 하겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '그래프 예제', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( appBar: AppBar( title: Text('그래프 그리기'), .. 2024. 10. 16. [flutter] 버튼 클릭하여 리스트뷰 아이템 추가하기 안녕하세요,오늘은 버튼을 클릭하여 리스트뷰에 아이템을 추가해보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyHomePage(), ); }}class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends St.. 2024. 10. 8. [flutter] 라디오 버튼 만들기 안녕하세요, 오늘은 라디오버튼을 만들고 클릭한 버튼의 텍스트를 출력해보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: RadioButtonExample(), ); }}class RadioButtonExample extends StatefulWidget { @override _RadioButtonExampleState createState() => _RadioButtonExampleState().. 2024. 10. 2. [flutter] 이미지 추가하기 안녕하세요,오늘은 이미지를 추가하고 출력해보도록 하겠습니다. 안드로이드 스튜디오 기준으로 설명드리겠습니다. 먼저, 이미지를 추가할 폴더를 생성합니다. 아래와 같이 프로젝트 폴더에서 우클릭 후 New > Directory 를 클릭하여 이름 assets인 폴더를 생성합니다. assets 폴더에 이미지 파일을 드래그하여 추가합니다. pubspec.yaml 파일에 이미지 폴더 경로를 추가합니다. Pub get 버튼을 클릭합니다. 이미지를 출력하는 코드입니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(Bui.. 2024. 9. 26. [flutter] Navigator를 사용하여 화면 이동 안녕하세요, 오늘은 Navigator를 사용하여 화면을 이동하는 예제를 만들어 보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: FirstScreen(), // 첫 번째 화면을 기본으로 설정 ); }}class FirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffo.. 2024. 9. 23. [flutter] ListView 아이템 클릭하기 안녕하세요, 오늘은 ListView의 아이템을 클릭하여 클릭한 아이템의 텍스트를 화면에 출력하는 예제를 만들어보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '리스트뷰 클릭 예제', theme: ThemeData( primarySwatch: Colors.blue, ), home: ListViewExample(), ); }}class ListViewE.. 2024. 9. 17. [flutter] ListView 예제 안녕하세요, 오늘은 ListView에서 각 항목 아래에 구분선을 넣어서 출력하는 예제를 만들어보겠습니다. import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { final List items = List.generate(20, (index) => "Item ${index + 1}"); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('ListView 예제'), .. 2024. 9. 11. [flutter] FloatingActionButton 예제 안녕하세요. 이번에는 FloaatingActionButton을 활용한 예제를 만들어보겠습니다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(title: 'FloatingActionBu.. 2023. 2. 4. [flutter] TextField만들기 안녕하세요 오늘은 TextField를 만들어보겠습니다. import 'package:flutter/material.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { const appTitle = 'Form Styling Demo'; return MaterialApp( title: appTitle, home: Scaffold( appBar: AppBar( title: const Text(appTitle), ), body: const MyCustomForm(), ), ); } } c.. 2023. 1. 22. 이전 1 2 다음
