Flutter自定義搜尋框，解決字型不劇中的問題

效果

高度為40的時候顯示：

高度為60顯示的

高度為30的顯示

**如下，

建立乙個searchbar.dart檔案，吧下面的**複製進去就可以了

import 'package:flutter/material.dart';

class searchbar extends preferredsize );
buildwidget() 
@override
widget build(buildcontext context) 
}

searchbar(

controller: texteditingcontroller(),
focusnode:focusnode(),
width: 200,
height: 30,
bgcolor: colors.white12,
endicon: opacity(opacity: 0.8,child:image.asset('assets/images/search.png',color: colors.white,),),
hintstyle: textstyle(
fontsize: 12,
color: colors.grey[400]
),hint:"請輸入書籍名稱",
onchanged: (val),
)

onchanged(val)else

notifylisteners();
}

自定義搜尋框

自定義搜尋框 1 自定義自定義的文字框必須在 void layoutsubviews中才能自定義 即子控制項必須在layoursubviews中設定，而searchbar可以直接設定 placeholder,外背景 2 storyboard隨意設定即可 3 純 字型顏色和大小無法設定，但是外邊框可以...

Qt 自定義搜尋框

1.建立輸入框 qlineedit text new qlineedit this text setgeometry 50,80,200,25 text setobjectname qstring text 2.建立按鈕 qsize size qsize 40,text height qpushbu...

flutter 自定義輸入框元件

一 元件分析 ui如下 根據ui分析我們需要提取哪些是動態的，可以通過傳遞引數得到不同的結果？1.左側icon 2.輸入的文字 3.是否是密碼框 4.輸入框的控制器 如何時時得到輸入框的值 二 快速建立自定義元件 vscode中使用快捷鍵stl快速生成乙個無狀態元件，為什麼這裡使用的是乙個無狀態元件...