이해 Widgets _ Flutter

에는 앱의 사용자 인터페이스를 구성하기 위한 기본 빌딩 블록이 있습니다 Flutter. Widgets 의 모든 보기는 Flutter 위젯입니다. Widgets in 에는 두 가지 주요 유형이 있습니다 Flutter.

Stateless Widgets

Stateless Widgets 상태가 없고 widgets 생성된 후 변경되지 않습니다. 앱의 상태가 변경되면 Stateless Widgets 새 값으로 다시 그려지지만 상태는 유지되지 않습니다.

Stateful Widgets

Stateful Widgets widgets 상태가 있고 런타임 중에 변경될 수 있습니다. 상태가 변경되면 Stateful Widgets 새로운 변경 사항을 반영하도록 자동으로 다시 그려집니다.

Flutter Widgets 등의 다양한 내장 기능을 제공하여 Text, Image, RaisedButton, Container 사용자 인터페이스를 구성합니다. 또한 Widgets 특정 앱 요구 사항에 맞게 사용자 지정을 만들 수 있습니다.

Widgets 에서 사용 Flutter

Widgets 에서 사용하려면 Flutter 을 만들고 Widgets 앱의 위젯 트리에 배치하기만 하면 됩니다. Flutter 위젯 트리 구조를 사용하여 사용자 인터페이스를 구축합니다. 각 위젯은 Widgets 계층 구조를 형성하는 child 를 포함할 수 있습니다.

예를 들어 버튼과 일부 텍스트가 있는 간단한 앱을 만들려면 Widgets 다음과 같이 사용할 수 있습니다.

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('Flutter Widgets'),  
       ),  
        body: Center(  
          child: Column(  
            mainAxisAlignment: MainAxisAlignment.center,  
            children: [  
              RaisedButton(  
                onPressed:() {  
                  // Xử lý khi nút được nhấn  
                },  
                child: Text('Nhấn vào đây'),  
             ),  
              Text('Chào mừng đến với Flutter Widgets'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

위의 예에서는 를 사용하여 간단한. 및 위젯 트리 구조를 변경하여 앱을 위한 보다 복잡하고 동적인 사용자 인터페이스를 생성할 수 있습니다. MaterialApp, Scaffold, Column, RaisedButton, Text Widgets interface Widgets

결론

Widgets 에서 사용자 인터페이스의 기반입니다 Flutter. 내장된 를 사용하고 Widgets 사용자 지정을 생성하여 Widgets 에서 다양하고 매력적인 앱을 구축할 수 있습니다 Flutter.