首页 > 解决方案 > 如何在 Flutter 中设置 layoutToLeft 或 toRight

问题描述

我是新手,如何将图像搜索设置为图像菜单的 layoutToRight?现在在这部分有困难

在此处输入图像描述

我的代码如下:

  return MaterialApp(
  theme: ThemeData(
    primarySwatch: Colors.red,
    visualDensity: VisualDensity.adaptivePlatformDensity,
  ),
  home:Scaffold(
    appBar: PreferredSize(
      preferredSize: Size.fromHeight(45.0),
      child: AppBar(
        leading: Container(
          child: GestureDetector(
              onTap: (){/* open left menu */},
              child: Image.asset("assets/images/ic_title_menu.png")),
          padding: EdgeInsets.fromLTRB(14.0, 14.0, 14.0, 14.0),
        ),
        actions: <Widget>[
          Container(
            child: GestureDetector(
              onTap: (){/* open search */},
              child: Image.asset("assets/images/ic_title_search.png"),
            ),
            padding: EdgeInsets.fromLTRB(14.0, 14.0, 14.0, 14.0),
          )
        ],
    ),
  ),

标签: flutterflutter-layout

解决方案


可以使用title属性,实现愿望输出。

Scaffold(
  appBar: PreferredSize(
    preferredSize: Size.fromHeight(45.0),
    child: AppBar(
      leading: Row(
        children: [
          Container(
            child: GestureDetector(
                onTap: () {/* open left menu */},
                child: Image.asset("assets/images/ic_title_menu.png")),
            padding: EdgeInsets.fromLTRB(14.0, 14.0, 14.0, 14.0),
          ),
        ],
      ),
      titleSpacing: 0.0, // added update
      title: Container(
        child: GestureDetector(
          onTap: () {/* open search */},
          child: Image.asset("assets/images/ic_title_search.png"),
        ),
        padding: EdgeInsets.fromLTRB(14.0, 14.0, 14.0, 14.0),
      ),
    ),
  ),
)

推荐阅读