Flutter & Dart 썸네일형 리스트형 [Flutter] 플러터 무한 스크롤 구현하기 Flutter + GetX로 무한스크롤 구현하기안녕하세요 오늘은 Flutter와 GetX를 활용해서 무한스크롤(Infinite Scroll) 리스트를 만드는 방법을 정리해보겠습니다.보통 앱에서 리스트 끝까지 내리면 자동으로 다음 데이터를 불러오는 기능이 필요하죠. 예를 들어 뉴스 피드, 쇼핑몰 상품 리스트, 채팅 로그 등이 여기에 해당합니다. 프로젝트 준비우선 get 패키지를 pubspec.yaml에 추가해줍니다.dependencies: flutter: sdk: flutter get: ^4.6.6 Controller 만들기리스트 데이터를 관리할 Controller를 만듭니다.import 'package:flutter/material.dart';import 'package:get/get.dart.. 더보기 [Flutter] 파일 뷰어를 만들어보자 [power_file_viewer_v2] Flutter 앱에서 TXT, PDF, DOCX 등 다양한 파일을 손쉽게 열람할 수 있는 방법을 찾고 계신가요? 오늘은 power_file_viewer_v2 패키지를 활용해 파일 뷰어를 만드는 방법을 단계별로 소개합니다. 1. 패키지 설치먼저 pubspec.yaml 파일에 power_file_viewer_v2를 추가합니다. dependencies: flutter: sdk: flutter power_file_viewer_v2: ^1.0.5 # 최신 버전 확인 필요터미널에서 다음 명령어로 패키지를 설치합니다. flutter pub get2. 기본 사용법PowerFileViewer 위젯을 사용하면 간단하게 파일을 열 수 있습니다. import 'package:flutter/material.dart.. 더보기 [Flutter] Flutter와 Dart에서 유용한 함수 정리 안녕하세요, Flutter 개발자 여러분! 오늘은 Flutter와 Dart에서 자주 사용되는 유용한 함수들을 정리해보려고 합니다. 이 함수들은 여러분의 개발 작업을 더욱 효율적으로 만들어 줄 것입니다 1. 문자열 관련 함수1.1. toUpperCase()문자열을 대문자로 변환합니다. 사용자 입력을 표준화할 때 유용합니다. String text = "hello world";String upperText = text.toUpperCase(); // "HELLO WORLD"1.2. substring()문자열의 특정 부분을 추출합니다. 특정 인덱스 범위의 문자열을 얻고 싶을 때 사용합니다.String text = "Flutter Development";String subText = text.substring(0.. 더보기 [Flutter] 이미지를 바이너리로 변환, 바이너리를 이미지로 변환 1. 이미지를 바이너리로 변환import 'dart:io';import 'dart:convert';import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';import 'package:http/http.dart' as http;class ImageUploader extends StatefulWidget { @override _ImageUploaderState createState() => _ImageUploaderState();}class _ImageUploaderState extends State { File? _image; Future _pickImage() async { final pick.. 더보기 [Flutter] Flutter 에서 MS-SQL 사용자정의테이블 저장하기 1. Flutter에서 HTTP 요청 구현Spring Boot API에 데이터를 전송하기 위해 Flutter의 http 패키지를 사용합니다.1.1 의존성 추가pubspec.yaml 파일에 http 패키지를 추가합니다.dependencies: http: ^0.15.0 import 'dart:convert';import 'package:http/http.dart' as http;Future sendUserData(List> userData) async { final url = Uri.parse("http://localhost:8080/api/userData"); // API 엔드포인트 final headers = {"Content-Type": "application/json"}; try { fi.. 더보기 [Flutter]플러터 DataTable 응용하기 RxList를 DataTable에 넣기 API 데이터 바인딩 :codeSearchAPI에서 가져온 데이터를 저장하는 관찰 가능한 목록입니다.함수 는 및 변수를 initCommon초기화합니다 .동적 데이터 테이블 :위젯 DataTable의 열과 행은 동적으로 채워집니다.위젯 은 변경 사항이 있을 때 반응적으로 업데이트를 Obx보장합니다 .수평 스크롤 :SingleChildScrollView데이터가 화면 너비를 초과하는 경우 수평 스크롤이 가능하도록 추가되었습니다 .import 'package:flutter/material.dart';import 'package:get/get.dart';class DataTableExample extends StatelessWidget { final RxList codeSearch = [].obs; final.. 더보기 [Flutter]플러터 Datatable 사용하기 플러터의 DataTable은 테이블 형태로 데이터를 표시하는 위젯입니다. 이 위젯은 주로 데이터 관리나 표시가 필요한 애플리케이션에서 사용됩니다. 기본 사용법과 함께 응용하는 방법까지 단계별로 설명드리겠습니다. 1. 기본적인 DataTable 사용법DataTable은 세 가지 주요 구성 요소로 이루어져 있습니다.columns: 테이블의 열(헤더).rows: 테이블의 행.DataColumn과 DataRow: 각각 열과 행을 정의하는 데 사용됩니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext .. 더보기 [Flutter]플러터 AppLifecycleState, 라이프사이클 체크하기 내 앱의 백그라운드, 포그라운드 등의 상태를 알수 있는 방법은 ? @override void onInit() async { super.onInit(); WidgetsBinding.instance.addObserver(this); } @override void dispose() { WidgetsBinding.instance.removeObserver(this); super.dispose(); } Init 에 WidgetsBinding.instance.addObserver(this); 를 추가해준다. dispose 할때도 WidgetsBinding.instance.removeObserver(this); 를 추가한다. @override void didChangeAppLifecycleState(AppLifecy.. 더보기 이전 1 2 3 4 5 다음