Flutter 플러터에서 우측 테두리가 있는 둥근 모서리 카드 위젯, Rounded corner Card Widget with right border in flutter

질문

나는 다음과 같은 카드를 만들어야 합니다:

원하는 UI를 달성하기 위해 아래 코드를 작성했지만, 기대한 대로 작동하지 않았습니다.

Card(
  elevation: 5,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
      bottomRight: Radius.circular(10),
      topRight: Radius.circular(10)),
    side: BorderSide(width: 5, color: Colors.green)),
  child: ListTile(),
)

위의 코드는 다음을 생성했습니다:

그러나 아래 코드를 사용하면:

Card(
  elevation: 5,
  shape: Border(right: BorderSide(color: Colors.red, width: 5)),
  child: ListTile(),
)

다음 출력이 생성됩니다:

Flutter에서 필요한 UI를 어떻게 만들 수 있을까요?

답변

Card 위젯에서 shape 매개변수를 사용하세요, 예시:

Card(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15.0),
      ),
      child: Container() )