Flutter’da Border
sınıfını kullanarak çeşitli bileşenlere kenarlık uygulayabilirsiniz. Border
sınıfı, düz, kesikli veya yuvarlak gibi farklı türde kenarlıklar tanımlamanıza olanak sağlar. İşte Flutter’da kenarlıkları nasıl kullanacağınıza dair bir örnek:
body: Center(
child: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
border: Border.all(
color: Colors.blue,
width: 2.0,
style: BorderStyle.solid,
),
borderRadius: BorderRadius.circular(10.0),
),
Container
bileşenine bir kenarlık uygulanmıştır. Container
‘ın decoration
özelliğine bir BoxDecoration
verilmiştir. BoxDecoration
‘da border
özelliği Border.all()
ile tanımlanmıştır. Border.all()
metoduna color
parametresiyle kenarlık rengi, width
parametresiyle kenarlık kalınlığı, style
parametresiyle kenarlık stili verilmiştir.
Ayrıca, borderRadius
özelliğiyle de kenarlığın yuvarlatılması sağlanmıştır. BorderRadius.circular()
metodu ile yuvarlak bir kenarlık tanımlanmıştır.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR