목차
- 리눅스 Flutter "Running Gradle task 'assembleDebug'" 멈춤 현상 해결 예제 이전 포스팅 링크 및 설명
- 리눅스 Flutter "Hello World" 간단 출력 앱 만들기 예제 이전 포스팅 링크 및 설명
- 리눅스 Flutter 버튼 추가 및 눌렀을 때 코드 실행 예제 이전 포스팅 링크 및 설명
- 리눅스 Flutter Text 한개의 문자열 출력 예제
- 리눅스 Flutter chidren에 여러개의 Text 위젯 추가 예제
리눅스 Flutter "Running Gradle task 'assembleDebug'" 멈춤 현상 해결 예제 이전 포스팅 링크 및 설명
리눅스 환경에서 Flutter를 이용하여 앱을 개발하다 보면 "Running Gradle task 'assembleDebug'"라는 문구와 함께 멈춤 현상이 발생하는 경우가 있습니다. 이 문제는 Gradle 캐시가 남아있어서 빌드하지 못해 발생하는 문제입니다. 따라서 Flutter 프로젝트 디렉토리로 이동하여 Gradle 캐시를 삭제하고 다시 빌드해주면 Flutter 앱 APK 파일 생성이 가능합니다. 만약 위와 같이 Running Gradle 문제가 발생하고 계신다면 아래의 포스팅을 참고하여 학습해주세요.
[Linux/Flutter] 플러터 에뮬레이터 앱 실행시 "Running Gradle task 'assembleDebug'" 멈춤 현상 해결법 예제
목차 리눅스 Flutter 버튼 UI 추가 및 클릭 이벤트 추가 예제 이전 포스팅 링크 및 설명 리눅스 Flutter 안드로이드 스튜디오에 플러터 SDK 설정 예제 이전 포스팅 링크 및 설명 리눅스 Flutter "jre/bin/java
salguworld.tistory.com
리눅스 Flutter "Hello World" 간단 출력 앱 만들기 예제 이전 포스팅 링크 및 설명
다음으로 Flutter를 이용하여 "Hello World"를 간단히 출력하는 앱을 만드는 방법에 대한 예제를 이전 포스팅에서 소개하였습니다. "Hello World" 출력은 프로그래밍 학습의 가장 기본적인 단계입니다. Flutter 앱에서는 Text라는 컴포넌트를 사용하여 문자열 객체를 생성할 수 있습니다. Home에 Text 객체를 생성하여 추가하면 앱을 실행했을 때 문자열이 출력됩니다. 만약 문자열 색상 변경등 방법이 궁금하시다면 아래의 포스팅을 참고하여 학습해주세요.
[Linux/Flutter] 플러터 Hello World 출력 간단 앱 만들기 예제(StatelessWidget 및 Text 문자열 생성)
목차 리눅스 Flutter 개발 환경 구성 예제 - 5(Android, iOS 지원 플러터 앱 프로젝트 생성 예제) 이전 포스팅 링크 및 설명 리눅스 Flutter "jre/bin/java -Xmx700m -Djava.awt" 에러 수정 예제 이전 포스팅 링크 및
salguworld.tistory.com
리눅스 Flutter 버튼 추가 및 눌렀을 때 코드 실행 예제 이전 포스팅 링크 및 설명
마지막으로 Flutter를 이용하여 버튼을 추가하고, 버튼을 눌렀을 때 코드가 실행되는 방법에 대한 예제를 이전 포스팅에서 다루었습니다. 버튼 추가와 이벤트 처리는 앱 개발에서 중요한 부분입니다. ElevatedButton 을 활용하면 Flutter 앱에서 버튼 UI를 생성하여 클릭 했을 때 특정 코드가 실행되도록 구현할 수 있습니다. 또한 chidren 문법을 사용하면 여러개의 객체들을 화면에 구성시킬 수 있습니다. 만약 버튼 UI 생성 방법이 궁금하시다면 아래의 포스팅을 참고하여 학습해주세요.
2024.01.25 - [Flutter] - [Linux/Flutter] 플러터 버튼 UI 추가 및 클릭 이벤트 예제(Flutter Click Event)
[Linux/Flutter] 플러터 버튼 UI 추가 및 클릭 이벤트 예제(Flutter Click Event)
목차 리눅스 Flutter Android, iOS 앱 프로젝트 만들기 예제 이전 포스팅 링크 및 설명 리눅스 Flutter 간단한 문자열 출력 앱 만들기 예제 이전 포스팅 링크 및 설명 리눅스 Flutter "Android license status unknow
salguworld.tistory.com
리눅스 Flutter Text 한개의 문자열 출력 예제
Flutter를 이용하여 Text 위젯을 사용해 한 개의 문자열을 화면에 출력하는 방법에 대해 알아보겠습니다. 문자열 출력은 앱 개발에서 매우 기본적인 기능입니다. 아래의 예제 코드를 실행하면 메인 앱 화면에 문자열 1개를 출력시킬 수 있습니다. Text 위젯을 사용해보세요.
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('Single Text Widget Example'),
),
body: Center(
child: Text('Hello Flutter!', style: TextStyle(fontSize: 24)),
),
),
);
}
}
리눅스 Flutter chidren에 여러개의 Text 위젯 추가 예제
다음으로 Flutter를 활용하여 여러 개의 Text 위젯을 한번에 화면에 출력하는 방법에 대해 알아보겠습니다. 이는 여러 정보를 동시에 전달하고 싶을 때 유용합니다. 이 포스트에서는 여러 개의 Text 위젯을 chidren에 추가하여 동시에 화면에 출력하는 방법을 자세히 설명하겠습니다. 이 방법을 이용하면 사용자에게 여러 정보를 동시에 제공할 수 있습니다.
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('Multiple Text Widgets Example'),
),
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('Hello Flutter!', style: TextStyle(fontSize: 24)),
Text('This is another line', style: TextStyle(fontSize: 24)),
Text('And one more', style: TextStyle(fontSize: 24)),
],
),
),
);
}
}