我想在圓形中制作一面旗幟。我正在使用“country_calling_code_picker：^2.0.0”插件，我得到了一張我想要的圓形影像。當我試圖制作圓形時，它不會變成。
這是我的代碼。
Row(
children: [
Expanded(
flex: 0,
child: Container(
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.4),
border: Border(
bottom: BorderSide(
color:greyColor,
width: 1.7,
),
)
),
child: InkWell(onTap: (){
_onPressedShowBottomSheet();
},
child: Row(
children: [
Image.asset(
country.flag,
package: countryCodePackageName,
width: 40,
height: 50,
),SizedBox(width: 5,),
Icon(Icons.arrow_drop_down_sharp,size: 30,color: greyColor,)
],
),
),
),
),
SizedBox(
width: 15,
),
Expanded(
flex: 3,
child: Container( decoration: BoxDecoration(
color: whiteColor.withOpacity(0.4),
),
child: TextFormField(
cursorColor: Theme.of(context).cursorColor,
decoration: const InputDecoration(
hintText: "Enter Number",
enabledBorder: UnderlineInputBorder(
borderSide:
BorderSide(color:greyColor,width: 1.7),
), contentPadding: EdgeInsets.only(left: 12,right: 12),
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: greyColor,width: 1.7),
),
),
),
),
),
],
),
我想像這樣成為我的旗幟
但這變成了這樣
uj5u.com熱心網友回復：
您可以將影像包裝在ClipRRect.
Row(
children: [
Expanded(
flex: 0,
child: Container(
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.4),
border: Border(
bottom: BorderSide(
color: greyColor,
width: 1.7,
),
)
),
child: InkWell(onTap: () {
_onPressedShowBottomSheet();
},
child: Row(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(100),
Image.asset(
country.flag,
package: countryCodePackageName,
width: 40,
height: 50,
),
),
SizedBox(width: 5,),
Icon(Icons.arrow_drop_down_sharp, size: 30,
color: greyColor,)
],
),
),
),
),
SizedBox(
width: 15,
),
Expanded(
flex: 3,
child: Container(decoration: BoxDecoration(
color: whiteColor.withOpacity(0.4),
),
child: TextFormField(
cursorColor: Theme
.of(context)
.cursorColor,
decoration: const InputDecoration(
hintText: "Enter Number",
enabledBorder: UnderlineInputBorder(
borderSide:
BorderSide(color: greyColor, width: 1.7),
), contentPadding: EdgeInsets.only(left: 12, right: 12),
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: greyColor, width: 1.7),
),
),
),
),
),
],
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/445210.html