Flutter

플러터 - 이미지 위젯

마루설아 2025. 4. 8. 19:13
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('TEST')),
        body: Column(
          children: [
            Image(
              image: NetworkImage(    // 네트워크 이미지 가져오기 (기기의 갤러리, URL 등 사용 가능)
                'https://flutter.github.io/assets-for-api-'
                'docs/assets/widgets/owl.jpg',
              ),
            ),
            
            Container(
              color: Colors.red,
              child: Image.asset(   // asset에서 이미지 불러오기
                'images/big.jpeg',
                width: 200,
                height: 100,
                fit: BoxFit.fill,   // 사이즈가 작더라도 위젯에 꽉 채워 출력하기
              ),
            ),
          ],
        ),
      ),
    );
  }
}

 

 

 

'Flutter' 카테고리의 다른 글

플러터 - 제스처 및 엘리베이트 버튼  (0) 2025.04.14
플러터 - 아이콘  (0) 2025.04.08
플러터 - 텍스트 위젯  (0) 2025.04.02
플러터 - 애셋  (0) 2025.04.01
플러터 - 위젯 키  (0) 2025.03.28