flutter 导航栏返回按钮带图标

提供一种思路吧


import 'package:flutter/material.dart';

class RegisterPages extends StatefulWidget {
  @override
  _RegisterPagesState createState() => _RegisterPagesState();
}

class _RegisterPagesState extends State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,
        title: Row(
          children: [
            Expanded(
              flex: 1,
              child: Stack(
                alignment: Alignment(-1, -1),
                children: [
                  IconButton(
                    padding: EdgeInsets.only(right: 60),
                    icon: Icon(Icons.arrow_left),
                    color: Colors.black,
                    highlightColor: Colors.transparent,
                    onPressed: () {
                      print("点击返回图标");
                      Navigator.pop(context);
                    },
                  ),
                  FlatButton(
                    padding: EdgeInsets.only(right: 20),
                    highlightColor: Colors.transparent,
                    splashColor: Colors.transparent,
                    child: Text(
                      "返回",
                      style: TextStyle(color: Colors.black),
                    ),
                    onPressed: () {
                      print("点击返回文字");
                      Navigator.pop(context);
                    },
                  )
                ],
              ),
            ),
            Expanded(
                flex: 1,
                child: Container(
                  alignment: Alignment.center,
                  child: Text(
                    "注册新新用户",
                    style: TextStyle(color: Colors.black, fontSize: 18),
                  ),
                )),
            Expanded(
              child: Text(""),
              flex: 1,
            )
          ],
        ),
        backgroundColor: Colors.white,
      ),
      body: ButtonBar(
        children: [
          Icon(Icons.backspace),
          Text("返回", style: TextStyle(color: Colors.black)),
        ],
      ),
    );
  }
}

你可能感兴趣的:(flutter 导航栏返回按钮带图标)