본문 바로가기
반응형

Flutter264

플러터에서 코드 표시: flutter_highlight 패키지에서 에디터 사용하기 flutter_highlight 패키지는 플러터에서 코드를 표시하는 데 사용할 수 있는 강력한 도구입니다.이 패키지는 다양한 기능을 제공하며, 그 중 하나가 바로 에디터 기능입니다.에디터 기능을 사용하면 코드를 직접 편집할 수 있으며, 코드 접힘, 줄 번호 표시, 검색 등 다양한 기능을 활용할 수 있습니다. 1. 에디터 사용 가능 여부 확인flutter_highlight 패키지의 모든 테마가 에디터 기능을 지원하는 것은 아닙니다.사용하려는 테마가 에디터 기능을 지원하는지 확인하려면 다음과 같이 코드를 확인할 수 있습니다.import 'package:flutter_highlight/themes/github.dart'; // github 테마 예시void main() { runApp(MyApp());}cl.. 2024. 5. 28.
플러터에서 코드 표시: flutter_highlight 패키지 사용법 플러터에서 코드를 표시하는 데 가장 강력하고 유연한 방법 중 하나는 flutter_highlight 패키지를 사용하는 것입니다.이 패키지는 코드 구문 색상 지정, 코드 접힘, 줄 번호 표시, 복사 기능 등 다양한 기능을 제공합니다. 또한 사용자 정의 테마 설정도 가능하여 원하는 대로 코드 표시를 커스터마이징할 수 있습니다. 1. 설치 flutter_highlight 패키지를 설치하려면 다음 명령을 실행합니다.flutter pub add flutter_highlight 2. 사용 방법 flutter_highlight 패키지를 사용하려면 다음과 같이 HighlightView 위젯을 사용합니다.import 'package:flutter/material.dart';import 'package:flutter_hi.. 2024. 5. 28.
플러터에서 코드를 표시할 수 있는 위젯 플러터에서 코드를 표시하는 데 사용할 수 있는 몇 가지 위젯이 있습니다. 가장 일반적으로 사용되는 위젯은 다음과 같습니다. 1. Text 위젯:가장 간단한 방법으로, 코드를 일반 텍스트와 마찬가지로 표시합니다.코드 블록을 구분하기 위해 들여쓰기 및 문자 스타일링을 사용할 수 있습니다.하지만, 구문 색상 지정이나 코드 접힘 기능과 같은 고급 기능은 제공하지 않습니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: M.. 2024. 5. 28.
플러터에서 Text 위젯 종류와 사용 방법 옵션 플러터에서 텍스트를 표시하는 데 가장 기본적인 위젯은 Text 위젯입니다. Text 위젯은 다양한 속성과 옵션을 제공하여 텍스트를 원하는 대로 표시할 수 있도록 합니다. 1. 기본 속성data: 표시할 텍스트 문자열을 지정합니다.style: 텍스트 스타일을 지정합니다. (글꼴, 크기, 색상, 정렬 등)textAlign: 텍스트 정렬 방식을 지정합니다. (시작, 중앙, 끝, 정렬)maxLines: 표시할 최대 줄 수를 지정합니다.overflow: 텍스트가 최대 줄 수를 초과할 때 처리 방식을 지정합니다. (ellipsis, clip, visible)softWrap: 텍스트가 줄 바꿈될 때 처리 방식을 지정합니다. (normal, hardWrap, wordWrap)2. 스타일 속성fontFamily: 글꼴 .. 2024. 5. 28.
플러터에서 IconButton 사용하기: 가이드 및 팁 IconButton는 Flutter에서 아이콘과 버튼 기능을 결합한 유용한 위젯입니다. 터치 가능한 아이콘을 간편하게 만들고, 다양한 스타일링과 기능을 제공하여 사용자 인터페이스를 풍부하게 만들 수 있습니다.이 블로그에서는 Flutter에서 IconButton를 사용하는 방법, 주요 속성, 사용 팁, 실제 코드 예시 등을 자세히 살펴보겠습니다.1. IconButton 기본 사용IconButton를 사용하려면 먼저 material.dart 라이브러리를 import해야 합니다.import 'package:flutter/material.dart'; IconButton 위젯은 다음과 같은 기본 구조를 가지고 있습니다:IconButton( onPressed: () { // 버튼 클릭 시 실행할 코드 },.. 2024. 5. 27.
플러터에서 TextButton 사용하기: 가이드 및 활용 예시 TextButton은 Flutter에서 간단하고 세련된 버튼을 만드는 데 사용되는 유용한 위젯입니다.텍스트와 색상을 사용하여 버튼을 디자인하고, 다양한 기능과 속성을 제공하여 사용자 인터페이스를 풍부하게 만들 수 있습니다.이 블로그에서는 Flutter에서 TextButton의 사용법, 주요 속성, 사용 팁, 실제 활용 예시 등을 자세히 살펴보겠습니다.1. TextButton 기본 사용TextButton을 사용하려면 먼저 material.dart 라이브러리를 import해야 합니다.import 'package:flutter/material.dart'; TextButton 위젯은 다음과 같은 기본 구조를 가지고 있습니다. TextButton( onPressed: () { // 버튼 클릭 시 실행할 코.. 2024. 5. 27.
반응형

티스토리툴바