본문 바로가기
반응형

Flutter/Widget105

플러터에서 아이콘 위젯 사용 방법 및 옵션 완벽 가이드 플러터에서 아이콘 위젯은 간단하지만 강력한 도구로, 사용자 인터페이스에 아이콘을 추가하고 기능을 연결하는 데 사용됩니다. 이 블로그 게시물에서는 Flutter에서 아이콘 위젯을 사용하는 방법과 다양한 옵션에 대해 자세히 살펴보겠습니다.1. 아이콘 위젯 소개Icon 위젯은 다양한 종류의 아이콘을 표시하는 데 사용됩니다. Material Design 아이콘, FontAwesome 아이콘, 커스텀 아이콘 등을 포함하여 다양한 아이콘 세트를 사용할 수 있습니다. 기본 사용법Icon( Icons.add, // 아이콘 종류 지정 (예: Icons.add, Icons.home) size: 24.0, // 아이콘 크기 설정 color: Colors.blue, // 아이콘 색상 설정) 옵션icon: 표시할 아이콘을.. 2024. 7. 13.
Flutter에서 RichText() 위젯 사용하기 Flutter에서 다양한 텍스트 스타일을 적용하고 싶으신가요? RichText 위젯이 여러분의 든든한 조력자가 될 것입니다! 이 가이드에서는 RichText 위젯을 사용하여 멋진 텍스트를 만드는 단계별 방법을 안내합니다. 1. RichText 위젯이란 무엇일까요?RichText 위젯은 Flutter에서 텍스트에 다양한 스타일을 적용하는 데 사용되는 강력한 도구입니다. 글꼴, 색상, 크기, 정렬 등을 자유롭게 조정하여 풍부하고 매력적인 텍스트를 표현할 수 있습니다. 2. RichText 위젯 사용 단계RichText 위젯을 사용하려면 다음과 같은 단계를 따르세요. 단계 1: TextSpan 클래스 사용하기RichText 위젯은 TextSpan 클래스를 사용하여 텍스트에 스타일을 적용합니다. TextSpan.. 2024. 7. 12.
Flutter에서 Text() 위젯 사용하기 Flutter에서 텍스트를 표시하기 위해 Text() 위젯을 사용합니다.이 위젯은 화면에 문자열을 표시하는 가장 기본적인 방법입니다. 기본 사용법import 'package:flutter/material.dart';class MyTextWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Text Widget Example'), ), body: Center( child: Text( 'Hello, Flutter!', style: TextStyle.. 2024. 7. 12.
반응형