专栏首页个人路线flutter自定义标题的垂直appBar
原创

flutter自定义标题的垂直appBar

Flutter使垂直appBar

在应用程序中,我想在不同页面中创建一个具有自定义标题的垂直appBar:

您可以使用RotatedBox旋转AppBar,但是您将无法使用Scaffold中的AppBar参数,因为该参数需要水平的。

class VerticalAppBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RotatedBox(
      quarterTurns: 3,
      child: AppBar(
        primary: false,
        title: Text('My Bar'),
      ),
    );
  }
}

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 谷歌移动UI框架Flutter教程之Widget

    在之间我已经介绍了关于Flutter的下载安装以及配置,还有开发工具Android Studio的配置,还不知道的同学可以看看我这篇博客——谷歌移动UI框架Fl...

    wangweijun
  • Flutter跨平台移动端开发丨SingleChildScrollView、ListView......

    SingleChildScrollView 类似 Android 中的 scrollview ,且同样的只可包含有一个子元素

    码脑
  • 编写你的第一个 StatefulWidget

    前面一篇文章描写了一个打印hello的StatelessWidget的封装,接下来我们应该了解该如何封装一个简单的StatefulWidget,来驱动一次交互,...

    icepy
  • Flutter完整开发实战详解(一、Dart语言和Flutter基础)

     在如今的 Fultter 大潮下,本系列是让你看完会安心的文章。本系列将完整讲述:如何快速从0开发一个完整的 Flutter APP,配套高完成度 Flut...

    GSYTech
  • Flutter进阶篇(7)-- Flutter路由轻量级框架FRouter

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://www.jianshu.com/p/f79bf0fb213c

    AWeiLoveAndroid
  • 【Flutter】堆叠式卡轮播

    作为移动应用程序开发人员,我们有时需要制作滑动的,动画的背景图像轮播。但是,有时候,我们需要制作一张滑动卡片传送带,其中包含一些具有各种背景颜色,图像或渐变的信...

    老孟Flutter
  • Flutter中构建布局 顶

    然后本指南回过头来解释Flutter的布局方法,并说明如何在屏幕上放置一个小部件。 在讨论如何水平和垂直放置小部件之后,会介绍一些最常见的布局小部件。

    南郭先生
  • 你不可避免的 Flutter Routes

    如果你开发过单页应用并且使用过 react-dom-router ,那么对于一个 Web App 来说通过路由跳转到一个新的页面对于你的业务来说有多么重要。在 ...

    icepy
  • 【Flutter 实战】1.20版本更新及新增组件

    老孟导读:Flutter 1.20 更新了 Slider、RangeSlider、日期选择器组件、时间选择器组件的样式,新增了交换组件:InteractiveV...

    老孟Flutter
  • 给Android开发者Flutter上手指南

    在Android中,使用LinearLayout来使你的控件呈水平或垂直排列。在Flutter中,你可以使用Row或Co​​lumn widget来实现相同的结...

    CrazyCodeBoy
  • Flutter SingleChildScrollView 滚动控件

    Flutter中的SingleChildScrollView类似于Android中的ScrollView,它只能接收一个子组件。

    毛大姑娘
  • Flutter完整开发实战详解(一、Dart语言和Flutter基础)

     在如今的 Fultter 大潮下,本系列是让你看完会安心的文章。本系列将完整讲述:如何快速从0开发一个完整的 Flutter APP,配套高完成度 Flut...

    GSYTech
  • Flutter 构建完整应用手册-列表 顶

    显示数据列表是移动应用程序的基本模式。 Flutter包含ListView部件,使列表变得轻而易举!

    南郭先生
  • Flutter 入门指北之快速搭建界面(含Flutter知识体系)

    完整版脑图,后台回复 “Flutter” 关键字,关注 码个蛋(codeegg)会持续更新本系列文章.

    陈宇明
  • Flutter开发中的一些Tips

    学习Flutter也有一阵子了。闲着没事,用了公司一个已经凉凉的App设计图来练手。当然了接口不可能用的了,所以都是些死数据,实现效果可以说是很完美了(得到了设...

    iOSSir
  • Flutter跨平台移动端开发丨Column、Row、Flex、Wrap、Flow、Stack

    flex 可以按水平或垂直方向排列子 widget,并且允许子 widget 按照比例分配父 widget 的空间,row 和 column 均继承自 flex

    码脑
  • 【Flutter 专题】25 易忽略的【小而巧】的技术点汇总(三)

    和尚为了给添加渐变色背景,需要用到 LinearGradient,和尚尝试时发现如下注意。

    阿策小和尚
  • Flutter 首页必用组件NestedScrollView

    老孟导读:昨天Flutter 1.17版本重磅发布,新的版本主要是优化性能、修复bug,有人觉得此版本毫无亮点,但也从另一方面体现了Flutter目前针对移动端...

    老孟Flutter
  • Flutter Hero动画开发实用教程

    在这篇文章中,将向大家分享Flutter动画中的重要一员Hero动画,以及一些Hero动画的开发技巧和经验。

    CrazyCodeBoy

扫码关注云+社区

领取腾讯云代金券