본문 바로가기
반응형

text4

플러터 Text 위젯 사용법 및 옵션 완벽 가이드 플러터에서 텍스트를 표시하는 데 가장 기본적인 위젯은 바로 Text 위젯입니다.간단한 문구부터 풍부한 스타일링을 가진 문단까지, 다양한 텍스트 표현이 가능합니다.이 블로그 글에서는 Text 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 텍스트 표현을 구현해 보겠습니다. 1. 기본 사용법 Text 위젯은 표시할 텍스트 문자열을 data 속성으로 전달합니다.옵션 없이 기본적으로 사용하면 검은색 텍스트가 왼쪽 정렬된 상태로 표시됩니다. Text('Hello, Flutter!'), 2. 주요 옵션 Text 위젯에는 다양한 옵션들이 존재하여 텍스트의 스타일과 레이아웃을 자유롭게 조정할 수 있습니다.주요 옵션들과 예시 코드는 다음과 같습니다.style: 폰트, 크기, 색상, 두께, .. 2024. 7. 24.
플러터 기본 위젯만 알면 UI를 그릴 수 있다! - 텍스트, 아이콘, 컨테이너, 이미지 위젯 활용법 완벽 가이드 플러터는 다양한 기능을 가진 강력한 UI 툴킷이지만, 초보자에게는 다소 복잡하게 느껴질 수 있습니다.하지만 걱정하지 마세요!플러터에는 텍스트, 아이콘, 컨테이너, 이미지와 같은 기본 위젯만으로도 다양한 UI를 구현할 수 있습니다.이 블로그 글에서는 플러터 기본 위젯 4가지에 대해 자세히 살펴보고, 실제 코드 예시와 함께 간단한 UI를 만들어 보겠습니다. 1. 텍스트 위젯 (Text) 텍스트 위젯은 화면에 텍스트를 표시하는 데 사용됩니다. 다양한 속성을 사용하여 폰트 스타일, 크기, 색상, 정렬 등을 설정할 수 있습니다. Text( 'Hello, Flutter!', style: TextStyle( fontSize: 20.0, fontWeight: FontWeight.bold, color.. 2024. 7. 22.
플러터에서 Code를 표시할 수 있는 위젯 플러터에서 코드를 표시하는 데 사용할 수 있는 몇 가지 위젯이 있습니다.가장 일반적으로 사용되는 위젯은 다음과 같습니다. 1. Text 위젯가장 간단한 방법으로, 코드를 일반 텍스트와 마찬가지로 표시합니다.코드 블록을 구분하기 위해 들여쓰기 및 문자 스타일링을 사용할 수 있습니다.하지만, 구문 색상 지정이나 코드 접힘 기능과 같은 고급 기능은 제공하지 않습니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyH.. 2024. 7. 17.
플러터에서 Text 위젯 종류와 사용 방법 옵션 플러터에서 텍스트를 표시하는 데 가장 기본적인 위젯은 Text 위젯입니다.Text 위젯은 다양한 속성과 옵션을 제공하여 텍스트를 원하는 대로 표시할 수 있도록 합니다. 1. 기본 속성data: 표시할 텍스트 문자열을 지정합니다.style: 텍스트 스타일을 지정합니다. (글꼴, 크기, 색상, 정렬 등)textAlign: 텍스트 정렬 방식을 지정합니다. (시작, 중앙, 끝, 정렬)maxLines: 표시할 최대 줄 수를 지정합니다.overflow: 텍스트가 최대 줄 수를 초과할 때 처리 방식을 지정합니다. (ellipsis, clip, visible)softWrap: 텍스트가 줄 바꿈될 때 처리 방식을 지정합니다. (normal, hardWrap, wordWrap)2. 스타일 속성fontFamily: 글꼴 이.. 2024. 7. 17.
반응형

티스토리툴바