当我在Flutter设计中使用带有InkWell小部件的扩展小部件时,InkWell不起作用。并没有任何错误

时间:2020-01-27 18:31:03

标签: flutter

当我在扩展的小部件子区域中使用inkwell小部件时,不工作inkwell ontap方法。

请查看展开的小部件子区域。我使用墨水瓶,但在此容器中无法使用墨水瓶。我需要更多帮助,请解释此问题,谢谢。 :)

(此页面我为velianasayfa.dart页面创建自定义窗口小部件) velidaire.dart页面

import 'package:flutter/material.dart';

class velidaire extends StatefulWidget {
  final String image;
  final String headtxt;
  const velidaire(this.image, this.headtxt);
  @override
  _velidaireState createState() => _velidaireState();
}

class _velidaireState extends State<velidaire> {
  @override
  Widget build(BuildContext context) {
    return Expanded(
      flex: 3, // 20%
      child: InkWell(
        onTap: (){},
              child: Container(
          height: 100,
          decoration:
              BoxDecoration(color: Color(0xff273DFF), shape: BoxShape.circle),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Container(
                    width: 35,
                    height: 35,
                    decoration: BoxDecoration(
                        image: new DecorationImage(
                            image: new ExactAssetImage(widget.image),
                            fit: BoxFit.contain)),
                  ),
                ],
              ),
              Padding(
                padding: const EdgeInsets.only(top: 4.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Text(
                      widget.headtxt,
                      style: TextStyle(
                          fontSize: 12.0,
                          color: Colors.white,
                          fontFamily: "Lato",
                          fontWeight: FontWeight.w500),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

(我在我的Velidaire小部件中使用了这个圈子) 我想在我的自定义窗口小部件中使用inkwell,并请使用扩展窗口小部件或艺术性的帮助我 velianasayfa页面

import 'package:flutter/material.dart';
import 'package:ozguven_app/velidaire.dart';

class velianasayfa extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: new AppBar(
        automaticallyImplyLeading: false,
        centerTitle: true,
        title: Container(
            padding:
                EdgeInsets.only(top: 8.0, left: 13.0, right: 13.0, bottom: 8.0),
            decoration: BoxDecoration(
                borderRadius: new BorderRadius.circular(7.0),
                color: Color(0xff273DFF)),
            child: Text(
              "Öğrenci Adı",
              style: TextStyle(fontFamily: "Lato", fontWeight: FontWeight.w600),
            )),
        backgroundColor: Color(0xff0328E1),
      ),
      body: velianasayfawidget(),
    );
  }
}

class velianasayfawidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.only(left: 10.0, right: 10.0, top: 28.0),
          child: Column(
            children: <Widget>[
              Row(
                //shape:BoxShape.circle

                children: <Widget>[
                  velidaire("assets/icons/gunluk-akis.png", "Günlük Akış"),
                  velidaire("assets/icons/etkinlikler.png", "Etkinlikler"),
                  velidaire("assets/icons/yoklama.png", "Yoklama"),
                ],
              ),

             Divider(color: Color(0xff),height: 12.0),
               Row(
                //shape:BoxShape.circle

                children: <Widget>[
                  velidaire("assets/icons/duyurular.png", "Duyurular"),
                  velidaire("assets/icons/yemek-listesi.png", "Yemek Listesi"),
                  velidaire("assets/icons/mesajlar.png", "Mesajlar"),
                ],
              ),

                  Divider(color: Color(0xff),height: 12.0),
               Row(
                //shape:BoxShape.circle

                children: <Widget>[
                  velidaire("assets/icons/dersprogrami.png", "Ders Programı"),
                  velidaire("assets/icons/hakkimizda.png", "Hakkımızda"),
                  velidaire("assets/icons/cikis.png", "Çıkış Yap"),
                ],
              ),



            ],
          ),
        ),

        Positioned.fill(
                  child: Row( 


            children: <Widget>[
              Container(width: MediaQuery.of(context).size.width,

                decoration: BoxDecoration( 

                  image: DecorationImage(
                        image: new ExactAssetImage("assets/images/bottomimg.png"),
                                 fit: BoxFit.fitWidth,
                                 alignment: Alignment.bottomLeft,
                  )
                ),
              )
            ],
          ),
        )
      ],

    );

  }
}

0 个答案:

没有答案