[Flutter] Image 위젯

Flutter 이미지 위젯은 Flutter 애플리케이션에 이미지를 표시합니다. 이 튜토리얼에서는 이미지 위젯을 사용하여 이미지를 표시하는 방법을 배웁니다. Image 클래스를 사용하여 이미지를 표시하는 빠른 코드 조각은 다음과 같습니다.

const Image(   image: NetworkImage('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqv3rnJiEEW13TB7LO2e3iN_-wxkqZBx6dm0CLcv1nbtgn1yJpRuS7llbN8uDupD1g3Vvwes_fIXoNlx4tng28M_Ni1EAKeYqOa5Y-DNVG4bGMaUgofZo1K00QZAU7PavVLqcesRvmdHQsFZx21hCtEOt1W9-7mNd1yySSBa2vDdxhXjyRN3bkEzXq/s16000/lion.jpg'), )

위의 코드에서는 네트워크에서 이미지를 가져오므로 이미지 속성에 NetworkImage(ImageProvider 객체)를 제공했습니다.

Example

다음 예에서는 Image 클래스를 사용하여 이미지를 표시합니다.

main.dart

import 'dart:ui';   import 'package:flutter/material.dart';   void main() => runApp(const MyApp());   class MyApp extends StatelessWidget {   const MyApp({Key? key}) : super(key: key);     static const String _title = 'Flutter Tutorial';     @override   Widget build(BuildContext context) {     return MaterialApp(       title: _title,       home: Scaffold(         appBar: AppBar(title: const Text(_title)),         body: const MyStatefulWidget(),       ),     );   } }   class MyStatefulWidget extends StatefulWidget {   const MyStatefulWidget({Key? key}) : super(key: key);     @override   State<MyStatefulWidget> createState() => _MyStatefulWidgetState(); }   class _MyStatefulWidgetState extends State<MyStatefulWidget> {   @override   Widget build(BuildContext context) {     return Center(         child: Column(           children: <Widget>[           Container(             margin: const EdgeInsets.all(20),             child: const Image(               image: NetworkImage(                     'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqv3rnJiEEW13TB7LO2e3iN_-wxkqZBx6dm0CLcv1nbtgn1yJpRuS7llbN8uDupD1g3Vvwes_fIXoNlx4tng28M_Ni1EAKeYqOa5Y-DNVG4bGMaUgofZo1K00QZAU7PavVLqcesRvmdHQsFZx21hCtEOt1W9-7mNd1yySSBa2vDdxhXjyRN3bkEzXq/s16000/lion.jpg'),             ),           ),         ],       ),     );   } }

스크린샷 [안드로이드 에뮬레이터, ios 시뮬레이터]