728x90
반응형
728x170
▶ ImagePage.dart
import 'package:flutter/material.dart';
class ImagePage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _ImagePageState();
}
}
class _ImagePageState extends State<ImagePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Test Application'),
),
body: Container(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
'image/flutter.png',
width: 200,
height: 200,
fit: BoxFit.fill,
),
],
),
)
),
);
}
}
728x90
▶ MainPage.dart
import 'package:flutter/material.dart';
import 'imagePage.dart';
void main() {
runApp(TestApplication());
}
class TestApplication extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Test Application',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: ImagePage(),
);
}
}
728x90
반응형
그리드형(광고전용)
'Flutter' 카테고리의 다른 글
[FLUTTER] TextField 클래스 : keyboardType/controller 속성 사용하기 (0) | 2021.05.18 |
---|---|
[FLUTTER] EdgeInsets 클래스 : only 생성자 사용하기 (0) | 2021.05.18 |
[FLUTTER] EdgeInsets 클래스 : all 생성자 사용하기 (0) | 2021.05.18 |
[FLUTTER] 사칙연산 계산기 만들기 (0) | 2021.05.18 |
[FLUTTER] 폰트 파일 추가하기 (0) | 2021.05.18 |
[FLUTTER] Image 클래스 : width/height/fit 속성 사용하기 (0) | 2021.05.18 |
[FLUTTER] TextStyle 클래스 사용하기 (0) | 2021.05.17 |
[FLUTTER] Text 클래스 : textAlign 속성을 사용해 수평 정렬하기 (0) | 2021.05.17 |
[FLUTTER] ThemeData 클래스 : visualDensity 속성 사용하기 (0) | 2021.05.17 |
[FLUTTER] 할 일 관리 앱 만들기 (파이어베이스 연동) (0) | 2021.05.10 |
댓글을 달아 주세요