サーガルアチャリヤ:
私は、行のテキストや画像のための位置合わせをしようとしたが、以下の間違った方法でそれを得ることは、私はthisalignmentsについて混乱しています追加したことをコードでいます。
Widget containerWidget(String icon, String icontext, String text) {
return Container(
padding: EdgeInsets.all(7),
decoration: BoxDecoration(
border: Border.all(
color: Colors.grey,
),
borderRadius: BorderRadius.circular(40.0)),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left: 5, bottom: 2),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
SvgPicture.asset(
icon,
height: 20.0,
width: 20.0,
allowDrawingOutsideViewBox: true,
),
Padding(
padding: const EdgeInsets.only(top: 5, left: 10),
child: Text(
icontext,
style: TextStyle(color: const Color(0xFF449DF9)),
),
)
],
),
),
],
),
Row(
children: <Widget>[
Text(text),
],
)
],
));
}
セバスチャン:
あなたは、あなたのラップすべきRows
内部をExpanded
し、あなたのアライメントを削除しますmainAxisAlignment: MainAxisAlignment.start
このような
Widget containerWidget(String icon, String icontext, String text) {
return Container(
padding: EdgeInsets.all(7),
decoration: BoxDecoration(
border: Border.all(
color: Colors.grey,
),
borderRadius: BorderRadius.circular(40.0),
),
child: Row(
children: <Widget>[
Expanded(
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left: 5, bottom: 2),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
SvgPicture.asset(
icon,
height: 20.0,
width: 20.0,
allowDrawingOutsideViewBox: true,
),
Padding(
padding: const EdgeInsets.only(top: 5, left: 10),
child: Text(
icontext,
style: TextStyle(color: const Color(0xFF449DF9)),
),
)
],
),
),
],
),
),
Expanded(
child: Row(
children: <Widget>[
Text(text),
],
),
),
],
),
);
}