본문 바로가기

FLUTTER203

Flutter 플러터 SVG 렌더링, Flutter SVG rendering 질문 플러터 애플리케이션에 SVG 소스를 가진 이미지를 추가해 보았습니다. new AssetImage("assets/images/candle.svg")) 하지만 시각적인 피드백이 없었습니다. Flutter에서 SVG 그림을 렌더링하는 방법은 무엇인가요? 답변 Fonts는 많은 경우에 좋은 옵션입니다. 저는 캔버스에서 SVG를 렌더링하는 라이브러리를 작업하고 있으며, 여기에서 사용할 수 있습니다: https://github.com/dnfield/flutter_svg 현재 API는 다음과 같이 보일 것입니다. new SvgPicture.asset('asset_name.svg') asset_name.svg (부모 요소, 예: SizedBox에 맞게 크기 조정)를 렌더링하려면입니다. 또한 color 및 blen.. 2023. 5. 26.
Flutter 다른 플러터 애플리케이션에서 로컬 플러터 패키지를 사용하는 방법은 무엇인가요?, how to use local flutter package in another flutter application? 질문 다른 플러터 애플리케이션에서 로컬 플러터 패키지를 사용하는 방법은 무엇인가요? 다음 명령을 사용하여 패키지를 만들었습니다: flutter create --template=package my_new_package 그리고 나서 내 애플리케이션 소스 코드 => main.dart에 다음을 추가했습니다. import "package:my_new_package/my_new_package.dart" // 패키지를 찾을 수 없습니다. 답변 당신의 플러터 어플리케이션에서 이 파일을 찾으세요 => pubspec.yaml 로컬 종속성 사용 dependencies: flutter: sdk: flutter my_new_package: path: ./my_new_package 참고: 위의 ./my_new_package은(는.. 2023. 5. 26.
Flutter TextField 위젯에 Clear 버튼을 추가하는 방법, How to add clear button to TextField Widget 질문 TextField에 클리어 버튼을 추가하는 올바른 방법이 있나요? Material design 가이드라인에서 보는 것처럼: 찾아본 결과, InputDecoration의 suffixIcon에 클리어 IconButton을 설정하는 것이 맞는 방법인가요? 답변 출력: 변수를 만드세요 var _controller = TextEditingController(); 그리고 TextField를 추가하세요: TextField( controller: _controller, decoration: InputDecoration( hintText: '메시지를 입력하세요', suffixIcon: IconButton( onPressed: _controller.clear, icon: Icon(Icons.clear), ), ), ) 2023. 5. 18.
Flutter에서 "frosted glass" 효과를 어떻게 구현하나요?, How do I do the "frosted glass" effect in Flutter? 질문 I'm writing a Flutter app, and I'd like to use/implement the "frosted glass" effect that's common on iOS. How do I do this? 저는 플러터 앱을 작성하고 있으며, iOS에서 일반적인 "프로스트드 글래스" 효과를 사용/구현하고 싶습니다. 이를 어떻게 할 수 있을까요? 답변 이 효과를 달성하려면 BackdropFilter 위젯을 사용할 수 있습니다. import 'dart:ui'; import 'package:flutter/material.dart'; void main() { runApp(new MaterialApp(home: new FrostedDemo())); } class FrostedDemo exten.. 2023. 5. 18.