1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > flutter图标按钮_flutter 导航栏返回按钮带图标

flutter图标按钮_flutter 导航栏返回按钮带图标

时间:2020-07-21 10:55:29

相关推荐

flutter图标按钮_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)),

],

),

);

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。