<div id="readability-page-1" class="page"><p data-ke-size="size16">Radius 값을 준 라운드 형태의 텍스트 필드를 구현하기 위해서 Card 위제을 사용해서 shape 에 Border 값을 주면 됩니다.</p><p data-ke-size="size16">여기서 기본적으로 Card 위젯은 <span><b>기본 margin</b></span> 값(4)을 가지고 있다는것을 인지하고 사용해야 합니다. 저의 경우는 해당 Card 위젯의 시작 라인과 위의 텍스트의 라인을 맞추기 위해서 margin 을 제거해서 사용했습니다.</p><div id="og_1668482433136" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="Card class - material library - Dart API" data-og-description="A Material Design card: a panel with slightly rounded corners and an elevation shadow. A card is a sheet of Material used to represent some related information, for example an album, a geographical location, a meal, contact details, etc. This is what it lo" data-og-host="api.flutter.dev" data-og-source-url="https://api.flutter.dev/flutter/material/Card-class.html" data-og-url="https://api.flutter.dev/flutter/material/Card-class.html" data-og-image=""><a href="https://api.flutter.dev/flutter/material/Card-class.html" target="_blank" rel="noopener" data-source-url="https://api.flutter.dev/flutter/material/Card-class.html">

<div>
<p data-ke-size="size16">Card class - material library - Dart API</p>
<p data-ke-size="size16">A Material Design card: a panel with slightly rounded corners and an elevation shadow. A card is a sheet of Material used to represent some related information, for example an album, a geographical location, a meal, contact details, etc. This is what it lo</p>
<p data-ke-size="size16">api.flutter.dev</p>
</div>
</a></div></div>

대부류 - [Dev u Ryu]

류지훈

Radius 값을 준 라운드 형태의 텍스트 필드를 구현하기 위해서 Card 위제을 사용해서 shape 에 Border 값을 주면 됩니다.
 
Card(
    elevation: 0,
    shape: RoundedRectangleBorder(
      side: BorderSide(
        color: Theme.of(context).colorScheme.outline,
      ),
      borderRadius: const BorderRadius.all(Radius.circular(12)),
    ),
    child: const SizedBox(
      width: 300,
      height: 100,
      child: Center(child: Text('Outlined Card')),
    ),
)
 
여기서 기본적으로 Card 위젯은 기본 margin 값(4)을 가지고 있다는것을 인지하고 사용해야 합니다. 저의 경우는 해당 Card 위젯의 시작 라인과 위의 텍스트의 라인을 맞추기 위해서 margin 을 제거해서 사용했습니다.
더보기
Card 위젯의 기본 margin 값
 
https://api.flutter.dev/flutter/material/Card-class.html

[Flutter] 라운드 형태 TextFiled 만드는 방법

댓글