フラッターハーフボックスにアイコンを表示するにはどうすればよいですか

ラミーズ・カーン

コンテナの半分の端にアイコンを表示する方法を知る必要があります。このような

ここに画像の説明を入力してください

空のコンテナにこの矢印を追加したいだけです

ブルーナイル

オーバーフローが表示されたスタックまたはクリップ動作セットClip.noneおよびPositionedウィジェットを使用して効果を実現できます。

以下のコードではoverflow:Overflow.visibleを使用しましたが、非推奨になっているため、代わりにclipBehavior:Clip.noneを使用できます。

以下の作業コードを参照してください:

import 'package:flutter/material.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      overflow: Overflow.visible,
      children: [
        Container(width: 175, height: 50, color: Colors.white),
        Positioned(
          left: 165,
          bottom: 15,
          child: Container(
            height: 20,
            width: 20,
            decoration:
                BoxDecoration(shape: BoxShape.circle, color: Colors.grey),
            child: Icon(Icons.add, color: Colors.black, size: 16),
          ),
        ),
      ],
    );
  }
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

フラッターでハイパーリンクアイコンを作成するにはどうすればよいですか?

分類Dev

フラッター:ダイアログボックスのボタンを中央に配置するにはどうすればよいですか?

分類Dev

ココアタッチフレームワークのストーリーボード画面を表示するにはどうすればよいですか?

分類Dev

フラッターでendDrawerアイコンを変更するにはどうすればよいですか?

分類Dev

vimにシンタックスハイライトをフラッターに正しくさせるにはどうすればよいですか?

分類Dev

フローティングアクションボタン:RaisedButtonのようにスプラッシュカラーとハイライトカラーを変更するにはどうすればよいですか?

分類Dev

フレックスボックスを使用しているときに、フレックス列にある3つのボタンを左にスライドさせてホバーすると表示するにはどうすればよいですか?

分類Dev

フラッターにラベルのない長方形のアイコンボタンを作成するにはどうすればよいですか?

分類Dev

フラッターにラベルのない長方形のアイコンボタンを作成するにはどうすればよいですか?

分類Dev

フラッター-テキストとアイコンを1行で表示するにはどうすればよいですか?

分類Dev

フルハイトのブートストラップナビゲーションボタンを取得するにはどうすればよいですか?

分類Dev

Googleマップフラッター上にウィジェットアイコンを表示するにはどうすればよいですか?

分類Dev

ドロップダウンボタンのアイコンの色を変更するにはどうすればよいですか?フラッター

分類Dev

インターフェイスnew_with_areaでGtkコンボボックスを作成するにはどうすればよいですか?

分類Dev

scrollControllerのスクロールインデックスをフラッターで表示するにはどうすればよいですか?

分類Dev

ボタンの右上隅にあるクリック可能なアイコンをフラッターで表示するにはどうすればよいですか?

分類Dev

現在のインデックスアイテムをフラッターでマップから削除するにはどうすればよいですか?

分類Dev

コンボボックスを介してJavaでフレームのタイトルを設定するにはどうすればよいですか?

分類Dev

DIVにキーボードフォーカスを与え、それにキーボードイベントハンドラーをアタッチするにはどうすればよいですか?

分類Dev

メッセージコントローラのようにダイアログの外でボットフレームワークの会話データにアクセスするにはどうすればよいですか?

分類Dev

入力フィールドとアイコンをクリックすると、ブートストラップ日付ピッカーが同時に表示されるようにするにはどうすればよいですか?

分類Dev

Unicodeを使用してFontAwesomeフラッターでアイコンを表示するにはどうすればよいですか?

分類Dev

フレックスボックススライダーで乗算画像を正しく表示するにはどうすればよいですか?

分類Dev

右側に送信ボタンのある列にアイコンとストップウォッチがあるフラッターにボタンを追加するにはどうすればよいですか?

分類Dev

誰かがボタンを押しているときにハイライト表示されるフラッターの画像を含むボタンを作成するにはどうすればよいですか?

分類Dev

フレックスボックス内でスクロール可能なフルハイトdivを取得するにはどうすればよいですか?

分類Dev

フラッシュバナーにアンカーハイパーリンク参照を追加するにはどうすればよいですか?

分類Dev

クイックアクセスツールバーからボタンを非表示にするにはどうすればよいですか?

分類Dev

URLからXMLデータをフェッチしてコンボボックスに解析するにはどうすればよいですか?C#

Related 関連記事

  1. 1

    フラッターでハイパーリンクアイコンを作成するにはどうすればよいですか?

  2. 2

    フラッター:ダイアログボックスのボタンを中央に配置するにはどうすればよいですか?

  3. 3

    ココアタッチフレームワークのストーリーボード画面を表示するにはどうすればよいですか?

  4. 4

    フラッターでendDrawerアイコンを変更するにはどうすればよいですか?

  5. 5

    vimにシンタックスハイライトをフラッターに正しくさせるにはどうすればよいですか?

  6. 6

    フローティングアクションボタン:RaisedButtonのようにスプラッシュカラーとハイライトカラーを変更するにはどうすればよいですか?

  7. 7

    フレックスボックスを使用しているときに、フレックス列にある3つのボタンを左にスライドさせてホバーすると表示するにはどうすればよいですか?

  8. 8

    フラッターにラベルのない長方形のアイコンボタンを作成するにはどうすればよいですか?

  9. 9

    フラッターにラベルのない長方形のアイコンボタンを作成するにはどうすればよいですか?

  10. 10

    フラッター-テキストとアイコンを1行で表示するにはどうすればよいですか?

  11. 11

    フルハイトのブートストラップナビゲーションボタンを取得するにはどうすればよいですか?

  12. 12

    Googleマップフラッター上にウィジェットアイコンを表示するにはどうすればよいですか?

  13. 13

    ドロップダウンボタンのアイコンの色を変更するにはどうすればよいですか?フラッター

  14. 14

    インターフェイスnew_with_areaでGtkコンボボックスを作成するにはどうすればよいですか?

  15. 15

    scrollControllerのスクロールインデックスをフラッターで表示するにはどうすればよいですか?

  16. 16

    ボタンの右上隅にあるクリック可能なアイコンをフラッターで表示するにはどうすればよいですか?

  17. 17

    現在のインデックスアイテムをフラッターでマップから削除するにはどうすればよいですか?

  18. 18

    コンボボックスを介してJavaでフレームのタイトルを設定するにはどうすればよいですか?

  19. 19

    DIVにキーボードフォーカスを与え、それにキーボードイベントハンドラーをアタッチするにはどうすればよいですか?

  20. 20

    メッセージコントローラのようにダイアログの外でボットフレームワークの会話データにアクセスするにはどうすればよいですか?

  21. 21

    入力フィールドとアイコンをクリックすると、ブートストラップ日付ピッカーが同時に表示されるようにするにはどうすればよいですか?

  22. 22

    Unicodeを使用してFontAwesomeフラッターでアイコンを表示するにはどうすればよいですか?

  23. 23

    フレックスボックススライダーで乗算画像を正しく表示するにはどうすればよいですか?

  24. 24

    右側に送信ボタンのある列にアイコンとストップウォッチがあるフラッターにボタンを追加するにはどうすればよいですか?

  25. 25

    誰かがボタンを押しているときにハイライト表示されるフラッターの画像を含むボタンを作成するにはどうすればよいですか?

  26. 26

    フレックスボックス内でスクロール可能なフルハイトdivを取得するにはどうすればよいですか?

  27. 27

    フラッシュバナーにアンカーハイパーリンク参照を追加するにはどうすればよいですか?

  28. 28

    クイックアクセスツールバーからボタンを非表示にするにはどうすればよいですか?

  29. 29

    URLからXMLデータをフェッチしてコンボボックスに解析するにはどうすればよいですか?C#

ホットタグ

アーカイブ