検索コンポーネント
ウィジェット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:(){})、
//)
]、
)、
]、
)、
)、
);
}