본문 바로가기

Container21

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 플러터에서 wrap_content와 match_parent의 상응하는 것은 무엇인가요?, The equivalent of wrap_content and match_parent in flutter? 질문 안드로이드에서는 match_parent와 wrap_content를 사용하여 위젯을 부모에 상대적으로 자동으로 크기 조정합니다. Flutter에서는 기본적으로 모든 위젯이 wrap_content로 설정되는 것 같습니다. 부모의 너비와 높이를 채울 수 있도록 어떻게 변경할 수 있을까요? 답변 작은 트릭으로 할 수 있습니다: 다음과 같은 요구 사항이 있는 경우 : ( 너비,높이 ) Wrap_content ,Wrap_content : //이것을 자식으로 사용하세요 Wrap( children: [*your_child*]) Match_parent,Match_parent: //이것을 자식으로 사용하세요 Container( height: double.infinity, width: double.infinity,ch.. 2023. 5. 9.
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에서 둥근 모서리 이미지를 만드는 방법, How to do Rounded Corners Image in Flutter 질문 나는 영화에 대한 정보 목록을 만들기 위해 플러터를 사용하고 있습니다. 이제 왼쪽에 있는 커버 이미지를 둥근 모서리 사진으로 만들고 싶습니다. 다음과 같이 시도해 보았지만 작동하지 않았습니다. 감사합니다! getItem(var subject) { var row = Container( margin: EdgeInsets.all(8.0), child: Row( children: [ Container( width: 100.0, height: 150.0, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.0)), color: Colors.redAccent, ), child: Image.network( subject['ima.. 2023. 5. 8.