본문 바로가기

UI32

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.
Flutter 플러터에서 AlertDialog를 새로 고칠 방법은 무엇인가요?, How to refresh an AlertDialog in Flutter? 질문 현재, AlertDialog에 IconButton이 있습니다. 사용자는 IconButton을 클릭할 수 있으며, 클릭할 때마다 두 가지 색상이 있습니다. 문제는 AlertDialog를 닫고 다시 열어야 색상 아이콘의 상태 변경을 볼 수 있다는 것입니다. 사용자가 클릭할 때 즉시 IconButton 색상을 변경하려고 합니다. 다음은 코드입니다: bool pressphone = false; //.... new IconButton( icon: new Icon(Icons.phone), color: pressphone ? Colors.grey : Colors.green, onPressed: () => setState(() => pressphone = !pressphone), ), 답변 StatefulBuil.. 2023. 5. 18.
Flutter CircularProgressIndicator의 크기를 설정하는 방법은 무엇인가요?, How to set size to CircularProgressIndicator? 질문 내 애플리케이션에 로딩 화면을 만들려고 하는데, CircularProgressIndicator 위젯을 사용하고 있습니다. 하지만 높이와 너비를 더 크게 만드는 방법이 있는지 궁금합니다. 너무 작아서요. 그래서 누군가 이 문제를 해결해 줄 수 있을까요? 답변 CircularProgressIndicator 위젯을 SizedBox 위젯으로 감쌀 수 있습니다. @override Widget build(BuildContext context) { return Container( child: Center( child: Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ SizedBox( child: CircularProgressIndicator.. 2023. 5. 18.
Flutter 플러터에서 행의 요소 간 간격 설정하기, Set the space between Elements in Row Flutter 질문 코드: new Container( alignment: FractionalOffset.center, child: new Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ new FlatButton( child: new Text('Don\'t have an account?', style: new TextStyle(color: Color(0xFF2E3233))), ), new FlatButton( child: new Text('Register.', style: new TextStyle(color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),), onPressed: moveToRegister, .. 2023. 5. 15.

티스토리툴바