dart 如何在flutter中创建android 12药丸形状的应用程序栏?

oprakyz7  于 2023-01-22  发布在  Flutter
关注(0)|答案(2)|浏览(135)

我在想,如果它的一种方式,在Flutter包括一个应用程序栏一样,在android 12谷歌应用程序(如:播放商店、信息、电话等)。

093gszye

093gszye1#

它只是小部件与一些装饰的组合
线框将是

  • 带装饰物的容器
  • 带后缀和前缀的扩展文本字段
  • 具有一定宽度的SizedBox
  • 图标按钮

在这些窗口之后创建一个小部件,并且应该能够创建该小部件

yeotifhr

yeotifhr2#

这很简单,您只需将TextFormField/TextField放入一个容器中,如

Container(
                                                 ....
                                                decoration: BoxDecoration(
                                                borderRadius:
                                                     BorderRadius.circular(
                                                          15), 
                                                child:  TextFormField(
                                                        decoration:InputDecoration(prefixIcon: 'YOUR PREFIX ICON WIDGET', prefixIcon: 'YOUR SUFFIX ICON WIDGET MAY BE A ROW WIDGET'
                                                   
                                                    ))
                                                  ....

为了改变外观和感觉,使用容器更多的装饰属性,如颜色和其它。

相关问题