提问者:小点点

在Android Studio中如何使文本在使用(Flutter)中处于顶部


所以我想在一个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),
          )
        ],
      ),
    );
  }

共2个答案

匿名用户

可以在一行中使用两列换行。

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,
                ),
              )
            ],
          ),
        ],
      ),
    );
  }