首页 > 其他 > 详细

flutter 初探2--点击按钮打开新窗口

时间:2020-06-13 10:03:16      阅读:122      评论:0      收藏:0      [点我收藏+]

1、新建一个page

技术分享图片

 

 

2、将该page加到router

import ‘package:flutter/material.dart‘;
import ‘package:flutter_bcd/pages/account/register_page.dart‘;
import ‘package:flutter_bcd/pages/detail/travel_detail_widget.dart‘;
import ‘package:flutter_bcd/tabbar/tabbar_page.dart‘;

final routers = {
  "/": (context) => TabbarPage(),
  "/travel_detail_widget":(context,{arguments}) => TravelDetailWidget(),
  "/register_page":(context,{arguments}) => RegiseterPage(),
};

  

3、给按钮添加手势事件

       GestureDetector(
           child: Container(
             alignment: Alignment.center,
             width: ScreenAdapter.setWidth(260),
             height: ScreenAdapter.setWidth(90),
             decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(30),
                 color: Color.fromRGBO(36, 38, 41, 1.0)

             ),
             child: Text(
                 "登录/注册",
                 style: TextStyle(color: Color.fromRGBO(248, 215, 62, 1.0),fontSize: 16,fontWeight: FontWeight.w500)),

           ),
         onTap: ()=>_click(context),
       )

  

我要给某某控件加一个点击事件,没有onTap,onPressed吗?

GestureDetector包含了丰富的手势,包上你的控件就好了

 void _click(BuildContext context) {
    Navigator.of(context).pushNamed("/register_page");
    // 这里使用传入的context就好了
    /*Scaffold.of(context).showSnackBar(SnackBar(
      content: Text(‘内容‘),
    ));*/
  }

  

https://www.jianshu.com/p/58f69596df56

 

flutter 初探2--点击按钮打开新窗口

原文:https://www.cnblogs.com/hoge66/p/13111518.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!