0

Flutter で暗号ポートフォリオ アプリを構築しています。私のメイン ページには、4 行を含む 1 列の Scaffold があります。最初の 3 行はデザインが似ており、それぞれが仮想通貨のロゴ、名前、保有量で始まります。問題は私が持っている量です。それは非常に大きな数値または非常に小さな数値になる可能性があるため、値の範囲が広く、値を整列または右揃えする方法を見つけることができないようです. すべての数字を画面の右側に揃えたい。

これは私のコードです:

  return
    Scaffold
    (
        appBar: AppBar(
          title: Text('Portfolio'),
        ),
      backgroundColor: Colors.white,
      body: Column( children: <Widget>[
        Row(
          children: [
            Container(
              margin: EdgeInsets.all(10.0),
              child: new Image.asset(
                'lib/assets/usdt_logo.png',
                height: 60.0,
                fit: BoxFit.cover,
              ),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: new Text('USDT',
                style: TextStyle(fontSize: 15),
              ),
            ),
            Container(
              alignment: Alignment.topRight,
              margin: EdgeInsets.all(30.0),
              child: new Text("${data['usdt']}",
                style: TextStyle(fontSize: 25),
              ),
            ),
          ],
        ),
        Row(//ROW 2
          children: [
            Container(
              margin: EdgeInsets.all(10.0),
              child: new Image.asset(
                'lib/assets/bitcoin_logo.png',
                height: 60.0,
                fit: BoxFit.cover,
              ),
            ),
            Container(
              margin: EdgeInsets.all(10.0),
              child: new Text('Bitcoin',
                style: TextStyle(fontSize: 15),
              ),
            ),
            Container(
              margin: EdgeInsets.all(30.0),
              alignment: Alignment.topRight,
              child: new Text("${data['btc']}",
                style: TextStyle(fontSize: 25),
              ),
            ),
          ],
        ),
        Row(// ROW 3
            children: [
              Container(
                margin: EdgeInsets.all(10.0),
                child: new Image.asset(
                  'lib/assets/ethereum_logo.png',
                  height: 60.0,
                  fit: BoxFit.cover,
                ),
              ),
              Container(
                margin: EdgeInsets.all(10.0),
                child: new Text('Ethereum',
                  style: TextStyle(fontSize: 15),
                ),
              ),
              Container(
                margin: EdgeInsets.all(30.0),
                alignment: Alignment.topRight,
                child: new Text("${data['eth']}",
                  style: TextStyle(fontSize: 25),
                ),
              ),
            ]
        ),
        Row(// ROW 4
            children: [
              ElevatedButton(
                style: ElevatedButton.styleFrom(
                  primary: Colors.lightGreen, // background
                  onPrimary: Colors.white, // foreground
                ),
                onPressed: ()
                {
                  Navigator.pushNamed
                    (
                      context,
                      BuyPage.id,
                    );
                },
                child: Text('Buy'),
              ),ElevatedButton(
                style: ElevatedButton.styleFrom(
                  primary: Colors.red, // background
                  onPrimary: Colors.white, // foreground
                ),
                onPressed: () {
                  Navigator.pushNamed
                    (
                      context,
                      SellPage.id,
                  );
                },
                child: Text('Sell'),
              ),
            ]
        ),
      ],
      )
    );

現在の様子は次のとおりです。 ここに画像の説明を入力

4

2 に答える 2