所以我想在一个flutter框架中做一个简单的文本,但是我不知道要做的是放在文本顶部的文本,这是我想放在顶部的图像的例子:
在此处输入图像说明
这是我的详细信息页面。Dart:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.redAccent,
title: Text(
'Detail ' + itemJudul,
style: TextStyle(color: Colors.white),
)),
body: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Center(child: Image.asset(itemImage)),
Text(
itemJudul,
style: TextStyle(color: Colors.redAccent, fontSize: 30.0),
),
Text(itemSub),
Text('Sisa Item =' + qty),
Container(
width: 200,
child: Text("Bahan Bahan",
textAlign: TextAlign.left,
style: new TextStyle(fontWeight: FontWeight.bold) // has impact
),
alignment: Alignment.centerLeft,
),
Container(
child: Text(
listbahanan,
textAlign: TextAlign.left,
),
alignment: Alignment.centerLeft,
),
Container(
child: Text(
listbahan2,
textAlign: TextAlign.right,
),
alignment: Alignment.center,
padding: EdgeInsets.all(5),
)
],
),
);
}
可以在一行中使用两列换行。
Row(
children: [
Expanded(
child: Container(
child: Text(
listbahanan,
textAlign: TextAlign.left,
),
alignment: Alignment.centerLeft,
),
),
Expanded(
child: Container(
child: Text(
listbahan2,
textAlign: TextAlign.right,
),
alignment: Alignment.center,
padding: EdgeInsets.all(5),
)
],
),
您需要使用row
将两个列表并排对齐。 另外,我认为将列表存储为字符串不是一个好主意,最好使用list
存储列表项,使用listview
显示列表项。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.redAccent,
title: Text(
'Detail ' + itemJudul,
style: TextStyle(color: Colors.white),
)),
body: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Center(child: Image.asset(itemImage)),
Text(
itemJudul,
style: TextStyle(color: Colors.redAccent, fontSize: 30.0),
),
Text(itemSub),
Text('Sisa Item =' + qty),
Container(
width: 200,
child: Text("Bahan Bahan",
textAlign: TextAlign.left,
style: new TextStyle(fontWeight: FontWeight.bold) // has impact
),
alignment: Alignment.centerLeft,
),
Row( // this is new
children: <Widget>[
Flexible( // this is new
child: Text(
listbahanan,
textAlign: TextAlign.left,
),
),
Flexible( // this is new
child: Text(
listbahan2,
textAlign: TextAlign.right,
),
)
],
),
],
),
);
}