正文

如何在 Flutter 中实现应用栏操作文本而不是操作图标？

 2023-02-23  263

关键词：

【中文标题】如何在 Flutter 中实现应用栏操作文本而不是操作图标？【英文标题】：How to implement app bar action text instead of action icon in Flutter? 【发布时间】：2018-12-13 14:14:33 【问题描述】：

我正在尝试在颤振应用程序中实现 appbar。我可以添加一个关闭应用程序的操作图标。我愿意在关闭操作图标旁边显示用户名。我尝试在 appar 部分的操作小部件数组中添加 new Text() 。但无法对齐它。有没有办法直接添加动作文本？

代码：

@override
  Widget build(BuildContext context) 
    //build a form widget using the form key we created above
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(StringRef.appName),
        actions: <Widget>[

          new Container(),

        new Text(
        userName,
        textScaleFactor: 1.5,
        style: new TextStyle(
          fontSize: 12.0,
          color: Colors.white,
        ),
      ),

      new IconButton(
        icon: new Icon(Icons.close),
        tooltip: 'Closes application',
        onPressed: () => exit(0),
      ),
        ],
      ),

【问题讨论】：

【参考方案1】：

将您的 Text 小部件包装在 Center 小部件中为

new Center(
    new Text(
        userName,
        textScaleFactor: 1.5,
        style: new TextStyle(
          fontSize: 12.0,
          color: Colors.white,
        ),
   ),
)

【讨论】：

很高兴它有帮助！如果答案解决了您的问题，请点赞/接受答案。我和这个问题的作者有同样的问题，我尝试了上面的答案，但对我不起作用，你在这段代码中缺少一个括号【参考方案2】：

您还可以将 Text 小部件包装在 Align 小部件中，并提供如下所示的 alignment: Alignment.center

Align(
  alignment: Alignment.center,
  child: Text(
    "Save",
    textScaleFactor: 1.5,
    style: TextStyle(
      fontSize: 12.0,
      color: Colors.white,
    ),
  ),
)

您也可以使用TextButton 来实现这一点

TextButton(
  onPressed: () ,
  child: Text('Save', style: TextStyle(color: Colors.white),),
)

【讨论】：

Flutter：是不是可以在 main.dart 中实现一次快餐栏，例如，当连接状态发生变化时，用于所有屏幕

】Flutter：是不是可以在main.dart中实现一次快餐栏，例如，当连接状态发生变化时，用于所有屏幕【英文标题】：Flutter:isitpossibletoimplementasnackbaronetimeinmain.dartforexampleforallscreenwhentheconnectivitystatuschangedFlutter：是否可以在main.dart中实... 查看详情

如何在 Flutter 中实现应用内购买订阅？

】如何在Flutter中实现应用内购买订阅？【英文标题】：HowtoimplementIn-AppPurchasesSubscriptioninFlutter?【发布时间】：2019-05-2115:59:57【问题描述】：我想在我的Flutter应用中为iOS和Android设备提供自动续订订阅。用户可以订阅1个月。目前... 查看详情

如何在 Flutter 应用中实现支付？

】如何在Flutter应用中实现支付？【英文标题】：HowtoimplementpaymentsinaFlutterapp?【发布时间】：2019-08-0412:35:30【问题描述】：我正在使用Flutter构建我的第一个应用程序。该应用程序旨在让用户能够相互买卖产品，我想设置功能以通... 查看详情

如何在 Flutter 中实现音频流应用和安全存储

】如何在Flutter中实现音频流应用和安全存储【英文标题】：Howtoimplementaudiostreamingappandsecurestorageinflutter【发布时间】：2019-11-0603:57:38【问题描述】：我现在要使用颤振https://play.google.com/store/apps/details?id=deezer.android.app构建像deezer... 查看详情

如何在 Flutter Dart 中实现插件架构

】如何在FlutterDart中实现插件架构【英文标题】：HowtoimplementthePluginArchitectureinFlutterDart【发布时间】：2020-02-0914:24:37【问题描述】：我想在FlutterDart中实现一个插件架构。流程如下：1.用户下载应用。2.用户从我们的网站加载插件... 查看详情

如何在flutter中实现包月？（新方法）

】如何在flutter中实现包月？（新方法）【英文标题】：Howtoimplementsubscriptionmonthlyinflutter?(Newmethods)【发布时间】：2021-08-1020:12:58【问题描述】：我正在尝试使用应用内购买包实现对我的Flutter应用的每月订阅。经过数小时的搜索，... 查看详情

如何在 Flutter Web 中实现 Stripe 支付？

】如何在FlutterWeb中实现Stripe支付？【英文标题】：HowtoimplementStripePaymentsinFlutterWeb?【发布时间】：2021-01-3122:52:29【问题描述】：我正在尝试在我的Web应用(Flutter)中实现StripePayments，但我在https://pub.dev/中找不到任何包来满足我的愿... 查看详情

为啥认证应该在过滤器而不是控制器中实现？

...？【发布时间】：2019-01-0902:23:48【问题描述】：按照关于如何在SpringBoot应用程序中实现JWT身份验证的好教程(https://auth0.com/blog/implementing 查看详情

在同构通量应用程序中，是不是应该在操作中实现 REST api 调用？

】在同构通量应用程序中，是不是应该在操作中实现RESTapi调用？【英文标题】：Inanisomorphicfluxapplication,shouldtheRESTapicallsbeimplementedintheaction?在同构通量应用程序中，是否应该在操作中实现RESTapi调用？【发布时间】：2016-01-2515:08:05... 查看详情

如何在 Flutter 中实现“磨砂玻璃”效果？

】如何在Flutter中实现“磨砂玻璃”效果？【英文标题】：HowdoIdothe"frostedglass"effectinFlutter?【发布时间】：2017-09-1822:29:18【问题描述】：我正在编写一个Flutter应用程序，我想使用/实现iOS上常见的“磨砂玻璃”效果。我该怎... 查看详情

如何在 Flutter 中实现 App Tracking Transparency

】如何在Flutter中实现AppTrackingTransparency【英文标题】：HowtoimplementAppTrackingTransparencyinFlutter【发布时间】：2021-10-0717:25:17【问题描述】：我向苹果提交了我的应用程序，但它被拒绝了，因为我没有添加应用程序透明度。到目前为... 查看详情

在操作栏中实现 SearchView

...并在下拉列表中显示与此相同的建议我正在寻找逐步解释如何在操作栏中构建SearchView的教程。我已阅读thedocumentation并按照示例google但它查看详情

如何在 Flutter 中实现具有自动完成和搜索等功能的列表

】如何在Flutter中实现具有自动完成和搜索等功能的列表【英文标题】：HowcanIachievealistwhichhasfeatureslikeautocompleteandsearchinFlutter【发布时间】：2021-12-1718:51:33【问题描述】：我想在Flutter中实现这种类型的UI-我尝试了AutocompleteClass，... 查看详情

如何在 Flutter 中实现类似视频流和视频滚动的 Tiktok

】如何在Flutter中实现类似视频流和视频滚动的Tiktok【英文标题】：HowtoimplementTiktoklikevideostreamingandvideoscrollinginFlutter【发布时间】：2020-04-0510:25:16【问题描述】：我正在尝试使用Flutter复制TikTok应用程序UI。谁能建议我如何在颤振... 查看详情

我如何在另一个类而不是 ViewController 中实现.GMSMapViewDelegate

】我如何在另一个类而不是ViewController中实现.GMSMapViewDelegate【英文标题】：Howcaniimplement.GMSMapViewDelegateinanotherclassinsteadofViewController【发布时间】：2020-04-0914:58:27【问题描述】：我正在开发swiftui视图而不是传统的viewController，我使... 查看详情

如何在 UIPageviewcontroller 中实现静态菜单栏？

】如何在UIPageviewcontroller中实现静态菜单栏？【英文标题】：HowtoimplementastaticmenubarinanUIPageviewcontroller?【发布时间】：2016-06-3016:13:27【问题描述】：我试图在我的uipageviewcontroller中构建一个静态菜单栏，就像youtube一样。有谁知道... 查看详情

将图标添加到 SlidingTabLayout 而不是文本

...2014-06-2118:31:19【问题描述】：我正在我的android应用程序中实现一个SlidingTabLayout。我的查询是我想在我的滑动选项卡中实现图标而不是导航文本。我在互联网上大量搜索任何此类教程或示例，但没有找到。我还在***上搜索了一个... 查看详情

在 Flutter 的登录屏幕中显示循环进度对话框，如何在 Flutter 中实现进度对话框？

】在Flutter的登录屏幕中显示循环进度对话框，如何在Flutter中实现进度对话框？【英文标题】：ShowCircularProgressDialoginLoginScreeninFlutter,howtoimplementprogressdialoginflutter?【发布时间】：2018-12-2703:41:51【问题描述】：我有一个登录表单，... 查看详情

正文