flutter 初探2--點擊按鈕打開新窗口


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM