我想在應用欄上顯示一個標志,并通過以下代碼來實作它。
appBar: AppBar(
backgroundColor: Colors.white,
elevation: 3,
標題。Align(
對齊。Alignment.centerLeft,
孩子。行(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
兒童。[
Align(
對齊。Alignment.centerLeft,
孩子。Image.asset(
'assets/logo/logo.jpg'。
適合。BoxFit.fitWidth,
高度。MediaQuery.of(context).size.height * 0.3,
width: MediaQuery.of(context).size.width * 0.2,
),
),
]),
)),
我得到的輸出結果
這里的問題是,圖示是居中的,我怎樣才能像這樣堅持到右邊呢期望的輸出
在上面的代碼中,我已經嘗試過了
alignment: Alignment.centerLeft, crossAxisAlignment: CrossAxisAlignment.start。還是不行,誰有什么辦法?請支持。
uj5u.com熱心網友回復:
看起來你的代碼已經差不多了。以下是將你的標志放在appbar左邊的代碼段。
AppBar( backgroundColor: Colors.white, elevation: 3, 標題。行( mainAxisAlignment: MainAxisAlignment.start, 兒童。[ Image.asset( 'assets/nividata-logo.png'。 適合。BoxFit.fitWidth, 高度。MediaQuery.of(context).size.height * 0.3, width: MediaQuery.of(context).size.width * 0.2, ), ])),好的,正如你所看到的,我只是使用了行,并給mainAxisAlignment以開始,所以這將從一開始就把每個元素放在行里面。
如果我把它改成下面的代碼,那么它將從右側(末端)開始放置元素。
。mainAxisAlignment: MainAxisAlignment.end。uj5u.com熱心網友回復:
試試下面的代碼,希望對你有幫助。只需在行動標簽內改變你的小部件(如你的圖片)
Scaffold( appBar: AppBar( title:Image.network( 'https://image.shutterstock.com/image-photo/kiev-ukraine-may-03-2015-260nw-275974145.jpg'。 ), automaticallyImplyLeading:false, 行動: <Widget>[ Icon(Icons.add)。 Icon(Icons.person), ], ), )uj5u.com熱心網友回復:
這只是因為當你從其他頁面導航時,應用于應用程式欄的默認引導,而且不知何故,引導圖示是白色的。
如果你在開發工具中啟用 "顯示邊界",你可以看到 "默認領先 "圖示占用了那個空白位置。對于這個問題,有兩種可能的結果。
你可以將顏色改為任何可見的顏色。 - 這將有助于用戶導航回來。你可以嘗試 設定 "automaticImplyLeading"屬性為"false" 在"Appbar" Widget中。 - 這將禁用默認的主導圖示在應用程式欄。uj5u.com熱心網友回復:
是的,從一個評論中得到了答案。
automaticallyImplyLeading:false。 這就解決了問題轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/309240.html
標籤:
上一篇:如何從文本欄位插入文本到串列中,并且在通過按鈕添加時,文本欄位將被清除?
下一篇:容器在飄動中的自動高度





