Flutter 自定义导航

在开发过程中我们100%会使用到导航,当然Flutter也为我们提供了导航控件,但是自带的往往没有没有那么灵活,所以这个时候就需要我们自定义一个导航,下面就给大家讲解如果绘制一个简单的自定义导航。

 

我们还是通过代码的方式来讲解

我这里给自定义导航类命名为TitleNavBar.dart

Flutter 自定义导航_第1张图片


import 'package:flutter/material.dart';

class TitleNavBar extends StatefulWidget {
  String leftString; // 左边 返回按钮 标题
  String titleString; // 标题
  String rightString; // 右侧 标题文字
  IconData icon; // 右侧 按钮
  Color beginColor; // 导航开始渐变色
  Color endColor; // 导航结束渐变色
  Function callBack;

  // 设置默认值
  TitleNavBar(
      {this.leftString = "返回",
      this.titleString = "",
      this.rightString = "",
      this.ico

你可能感兴趣的:(Flutter,flutter)