본문 바로가기

Widget37

Flutter에서 borderRadius가 있는 Container에 테두리 추가하기, Add border to a Container with borderRadius in Flutter 질문 Container( child: Text( 'This is a Container', textScaleFactor: 2, style: TextStyle(color: Colors.black), ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10), color: Colors.white, border: Border( left: BorderSide( color: Colors.green, width: 3, ), ), ), height: 50, ), 이것은 녹색 왼쪽 테두리가 있는 둥근 모서리 컨테이너와 "This is a Container"라는 자식 텍스트를 표시해야하지만, 둥근 모서리 컨테이너와 자식 및 왼쪽 테두리가 보이지 않습니다. .. 2023. 5. 31.
Flutter 널 안전성 이후에는 'Function' 인수 유형이 'void Function()?' 매개 변수 유형에 할당될 수 없습니다., The argument type 'Function' can't be assigned to the parameter type 'void Function()?' after null safety 질문 저는 서랍에 다른 항목들을 만들고 싶어서, DrawerItems를 위한 별도의 파일을 만들고 생성자를 통해 데이터를 메인 파일로 전달하려고 합니다. 그러나 onPressed 함수에서 다음과 같은 오류가 발생합니다: "The argument type 'Function' can't be assigned to the parameter type 'void Function()'" class DrawerItem extends StatelessWidget { final String text; final Function onPressed; const DrawerItem({Key key, this.text, this.onPressed}) : super(key: key); @override Widget build(B.. 2023. 5. 26.
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 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.