@override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
        bottom: PreferredSize(
          preferredSize: Size.fromHeight(80.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Expanded(
                    child: Container(
                      margin: EdgeInsets.all(4.0),
                      child: TextField(
                        style: TextStyle(
                          fontSize: size.height * 0.06,
                          color: Colors.white,
                        ),
                        keyboardType: TextInputType.text,
                        decoration: InputDecoration(
                          prefixIcon: Icon(
                            Icons.search,
                            size: size.height * 0.06,
                          ),
                          suffixIcon:IconButton(
                              onPressed: ()=> print('pressed'),
                              icon: Icon(
                                Icons.close,
                                size: size.height * 0.06,
                              ),
                              color: Colors.lightBlueAccent[300],
                            ),
                          hintText: 'Game',
                          fillColor: Colors.black87,
                          filled: true,
                          border: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(30.0),
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
    );
  }
}

उपरोक्त कोड दिखाता है कि प्रत्यय एक्स आइकन बड़े फ़ॉन्ट आकार का उपयोग करते हुए निचले दाएं कोने में स्थानांतरित हो गया है जहां उपसर्ग आइकन ठीक से दिख रहा है। कृपया नीचे स्क्रीनशॉट देखें

एंड्रॉइड पिक्सेल सी एमुलेटर में स्क्रीनशॉट स्पंदन 1.17.1 • चैनल अज्ञात • अज्ञात स्रोत फ्रेमवर्क • संशोधन f7a6a7906b (5 सप्ताह पहले) • 2020-05-12 18:39:00 -0700 इंजन • संशोधन 6bc433c6b6 उपकरण • डार्ट 2.8.2

1
renji 14 जून 2020, 19:51

1 उत्तर

सबसे बढ़िया उत्तर

समस्या IconButton की वजह से थी। इसे इंकवेल में बदलने से समस्या हल हो गई।

 suffixIcon: InkWell(
             onTap: () => onTextClear(),
             child: Icon(
                     Icons.close,
                     size: Constants.screenHeight * 0.04,
                    ),
                   ),
1
renji 16 जून 2020, 06:24