フラッターパッケージアセンブリ

検索コンポーネント

ウィジェットserachBar(){

    リターンコンテナ(

      幅:ScreenUtil()にsetWidth(750)、。

      高さ:+ ScreenUtil .padding.top MediaQuery.of(コンテキスト)()setHeightメソッド(80)。

      装飾:BoxDecoration(

        色:Colors.blue、

      )、

      子供:コンテナ(

        //パディング:EdgeInsets.only(下:5)、

        子供:列(

          子供:<ウィジェット> [

            SizedBox(高さ:MediaQuery.of(コンテキスト).padding.top + 5)、

            行(

              mainAxisAlignment:MainAxisAlignment.spaceAround、

              crossAxisAlignment:CrossAxisAlignment.center、

              子供:<ウィジェット> [

                ClipRRect(

                  borderRadius:BorderRadius.circular(20)、 

                    子供:コンテナ(

                      幅:ScreenUtil()にsetWidth(750)* 0.85、。

                      高さ:ScreenUtil()setHeightメソッド(60)、。

                      色:Colors.white、

                      子供:パディング(

                        パディングは:EdgeInsets.only(左:10、右:10)、

                          子供:行(

                            crossAxisAlignment:CrossAxisAlignment.center、

                            子供:<ウィジェット> [

                              アイコン(Icons.search、色:Colors.grey、サイズ:26、)、

                              容器(

                                    //色:Colors.green、

                                  幅:120.0、

                                  高さ:30.0、

                                  子供:TextFieldの(

                                    スタイル:TEXTSTYLE(

                                      decorationColor:Colors.red、

                                      色:Colors.black12、

                                      fontSize:。ScreenUtil()setSp(30)、

                                      //テキストのベースライン:TextBaseline.alphabetic

                                    )、

                                    KEYBOARDTYPE:TextInputType.number、

                                    装飾:InputDecoration(

                                      fillcolorの:Colors.white30、

                                      ボーダー:InputBorder.none、//アンダースコアを削除

                                      prefixStyle:TEXTSTYLE(色:Colors.grey)

                                      contentPadding:EdgeInsets.all(8)、

                                      hintText:「製品名を入力してください」

                                      hintStyle:TEXTSTYLE(色:Colors.grey、のfontSize:ScreenUtil()setSp(30))

                                    )、オートフォーカス:偽)、

                                  )、

                            ]、

                          )、

                        )

                  )、

                )、

                インクつぼ(

                  ONTAP:(){}、

                  子供:アイコン(CupertinoIcons.photo_camera、色:Colors.white、サイズ:ScreenUtil()setSp(70)。)

              )

                // IconButton(アラインメント:Alignment.topCenter、アイコン:アイコン(CupertinoIcons.photo_camera、色:Colors.white、サイズ:ScreenUtil()setSp(70))、onPressed:(){})、

                //コンテナ(

                //高さ:ScreenUtil()setSp(80)、。

                //幅:ScreenUtil()setSp(750)* 0.1、。

                // //色:Colors.grey、

                // //パディング:EdgeInsets.only(下:10)、

                //子:IconButton(アラインメント:Alignment.topCenter、アイコン:アイコン(CupertinoIcons.photo_camera、色:Colors.white、サイズ:ScreenUtil()setSp(70))、onPressed:(){})、

                //)

              ]、

            )、

          ]、

        )、

        

      )、

      

    );

  }

 

おすすめ

転載: www.cnblogs.com/sundaysme/p/12581948.html