본문 바로가기

BoxDecoration3

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 플러터에서 위젯에 그림자를 추가하는 방법은 무엇인가요?, How can I add shadow to the widget in flutter? 질문 위 사진과 같이 위젯에 그림자를 추가하는 방법은 무엇인가요? 이가 내 현재 위젯 코드입니다. 답변 BoxShadow과 BoxDecoration을 확인하세요. Container는 원래 게시한 코드를 기반으로 BoxDecoration을 취할 수 있으며, 이는 boxShadow를 취합니다. return Container( margin: EdgeInsets.only(left: 30, top: 100, right: 30, bottom: 50), height: double.infinity, width: double.infinity, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only( topLeft: Radius.cir.. 2023. 5. 9.
flutter Flutter에서 위젯에 테두리를 추가하는 방법은 무엇인가요?, How can I add a border to a widget in Flutter? 질문 Flutter를 사용하고 있으며 위젯에 테두리를 추가하고 싶습니다 (이 경우 Text 위젯). TextStyle와 Text를 시도해보았지만 테두리를 추가하는 방법을 찾을 수 없었습니다. 답변 Text를 child로 가지는 Container에 border 속성이 있는 BoxDecoration을 추가할 수 있습니다: Container( margin: const EdgeInsets.all(15.0), padding: const EdgeInsets.all(3.0), decoration: BoxDecoration( border: Border.all(color: Colors.blueAccent) ), child: Text('My Awesome Border'), ) 2023. 5. 8.