본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터를 사용하여 위젯의 한 쪽을 원형 테두리로 만드는 방법은 무엇인가요?, How to make one side circular border of widget with flutter?

by 베타코드 2023. 8. 23.
반응형

질문


I'm trying to build one side circular border with Container widget in flutter. I have searched for it but can't get any solution.

Container(
  width: 150.0,
  padding: const EdgeInsets.all(20.0),
  decoration: BoxDecoration(
    // borderRadius: BorderRadius.circular(30.0),
    /* border: Border(
      left: BorderSide()
    ),*/
  color: Colors.white
  ),
  child: Text("hello"),
),

플러터에서 Container 위젯을 사용하여 한쪽에 원형 테두리를 만들려고 합니다. 이에 대해 검색해 보았지만 해결책을 찾지 못했습니다.

Container(
  width: 150.0,
  padding: const EdgeInsets.all(20.0),
  decoration: BoxDecoration(
    // borderRadius: BorderRadius.circular(30.0),
    /* border: Border(
      left: BorderSide()
    ),*/
  color: Colors.white
  ),
  child: Text("hello"),
),

답변


BorderRadius.only를 사용하고 측면을 제공합니다.

return Center(
  child: Container(
    height: 100,
    width: 100,
    decoration: BoxDecoration(
      borderRadius: BorderRadius.only(
        topRight: Radius.circular(40),
      ),
      border: Border.all(
        width: 3,
        color: Colors.green,
        style: BorderStyle.solid,
      ),
    ),
    child: Center(
      child: Text(
        "Hello",
      ),
    ),
  ),
);

출력

enter image description here

반응형

댓글