플러터, 다트 토리얼, 예제 코드 ...

이 예에서는 ListView를 사용하여 위젯을 세로로 스크롤 가능한 목록으로 표시합니다. 새 Flutter 프로젝트를 만들고 애플리케이션에서 다음 main.dart 파일을 사용하세요.

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

다음 예에서는  교차 축에 3개의 요소가 있는 Grid View에 6개의 위젯을 표시합니다.  즉, 가로 축을 따라 세 개의 항목이 정렬됩니다.  항목은 왼쪽에서 오른쪽, 위에서 아래로 정렬됩니다.

이 예제 Flutter 애플리케이션에서는 기본 FlatButton을 표시한 다음 텍스트 색상 및 버튼 색상과 같은 일부 스타일을 지정했습니다. main.dart import 'package:flutter/material.dart' ;   void main() {    runApp(MyApp()); }   class MyApp extends StatefulWidget {    @ override    _MyAppState createState() => _MyAppState(); }   class _MyAppState extends State<MyApp> {    @ override    Widget build(BuildContext context) {      return MaterialApp(        home: Scaffold(            appBar: AppBar(              title: Text( 'Flutter FlatButton' ),            ),            body: Center(child: Column(children: <Widget>[              Container(  ...

다음 Flutter 애플리케이션에서  'Click Me' 라는 텍스트와 함께 ElevatedButton을 표시할 것입니다. main.dart import 'package:flutter/material.dart' ;   void main() => runApp( const MyApp());   /// main application widget class MyApp extends StatelessWidget {    const MyApp({Key? key}) : super (key: key);      static const String _title = 'Flutter Tutorial' ;      @override    Widget build(BuildContext context) {      return const MaterialApp(        title: _title,        home: MyStatelessWidget(),      );    } }   /// stateless widget that the main application instantiates class MyStatelessWidget extends StatelessWidget {    const MyStatelessWidget({Key? key}) : super (key: key);      @override    Widget build(BuildContext context) {      return Scaffold(   ...