Flutter: बॉक्सडेकोरेशन आइकन बटन के रिपल को छुपाता है, क्या रेंडरिंग ऑर्डर सही है?

को निर्मित 25 अक्तू॰ 2017 · 3टिप्पणियाँ · स्रोत: flutter/flutter

प्रजनन के चरण

पृष्ठ का अनुसरण करें https://codelabs.developers.google.com/codelabs/flutter/index.html#5

मेरा कोड है:

```
विजेट _सेटअपबॉडी () {
नया कॉलम लौटाएं (
बच्चे:[
नया विस्तारित(
बच्चा: नया ListView.builder(
आइटमबिल्डर: (_कुछ नहीं, इंट इंडेक्स) => _messageList[index],
उल्टा: सच,
आइटम गणना: _messageList.length,
),
),
नया डिवाइडर (ऊंचाई: 1.0),
नया कंटेनर(
पैडिंग: कास्ट एजइनसेट्स.सिमेट्रिक (क्षैतिज: 5.0),
// सजावट: नया BoxDecoration (रंग: Theme.of (संदर्भ)। कार्ड रंग,),
बच्चा: नई पंक्ति (
बच्चे:[
नया लचीला(
बच्चा: नया टेक्स्टफिल्ड (
मैक्सलाइन्स: 1,
नियंत्रक: _myController,
सबमिट करने पर: _हैंडल सबमिट करें,
सजावट: नया InputDecoration.collapsed(hintText: "यहां इनपुट करें"),
),
),
नया आइकनथीम (
डेटा: नया IconThemeData (रंग: Theme.of (संदर्भ)। AccentColor),
बच्चा: नया आइकनबटन (आइकन: नया आइकन (आइकन। भेजें), दबाया गया: () => _handleSubmitt (_myController.text)))
],
))
],
);
}

then it shown like this: 
![screenflow](https://user-images.githubusercontent.com/3993323/31986228-425b9d68-b92d-11e7-8176-de3deab993c2.gif)

after add the decoration  (uncomment the line 14)

![screenflow2](https://user-images.githubusercontent.com/3993323/31986425-0dcfe8b4-b92e-11e7-90ae-52664835cd4b.gif)

as you see, the boxdecoration hide the ripple.

from the code , i think , the boxdexcoration should be rendered first. 

How to change the code makes the ripple at front of the boxdexcoration?



## Flutter Doctor

[✓] स्पंदन (Mac OS X 10.12.4 16E195 पर, लोकेल zh-Hans-CN, चैनल अल्फा)
• /Users/cjz/ALL_IN_THIS/स्पंदन . पर स्पंदन
• फ्रेमवर्क संशोधन e8aa40eddd (7 दिन पहले), 2017-10-17 15:42:40 -0700
• इंजन संशोधन 7c4142808c
• उपकरण डार्ट संस्करण 1.25.0-dev.11.0

[✓] एंड्रॉइड टूलचेन - एंड्रॉइड डिवाइस के लिए विकसित (एंड्रॉइड एसडीके 26.0.2)
• Android SDK /Users/cjz/ALL_IN_THIS/Android/sdk . पर
• प्लेटफार्म android-26, बिल्ड-टूल्स 26.0.2
• ANDROID_HOME = /उपयोगकर्ता/cjz/ALL_IN_THIS/एंड्रॉइड/एसडीके
• जावा बाइनरी यहां: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• जावा संस्करण ओपनजेडीके रनटाइम एनवायरनमेंट (बिल्ड 1.8.0_152-रिलीज-915-बी08)

[✓] आईओएस टूलचेन - आईओएस उपकरणों के लिए विकसित (एक्सकोड 8.3.2)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 8.3.2, बिल्ड संस्करण 8E2002
• आईओएस-तैनाती 1.9.2
• CocoaPods संस्करण 1.3.1

[✓] एंड्रॉइड स्टूडियो (संस्करण 3.0)
• Android Studio /Applications/Android Studio.app/Contents . पर
• जावा संस्करण ओपनजेडीके रनटाइम एनवायरनमेंट (बिल्ड 1.8.0_152-रिलीज-915-बी08)

[✓] कनेक्टेड डिवाइस
• x86 के लिए निर्मित Android SDK • एमुलेटर-5554 • android-x86 • Android 5.1.1 (API 22) (एमुलेटर)
• iPhone SE • 795AA980-157D-455C-AC52-385CBDDC3BDE • आईओएस • आईओएस 10.3 (सिम्युलेटर)
```

स्रोत

cjztool

👍3

सबसे उपयोगी टिप्पणी

मैं एक नौसिखिया हूँ, बहुत बहुत धन्यवाद! अच्छा काम! @mchome
qq 20171101164118

Widget _setupBody() {
    return new Column(
      children: <Widget>[
        new Expanded(
          child: new ListView.builder(
            itemBuilder: (_nothing, int index) => _messageList[index],
            reverse: true,
            itemCount: _messageList.length,
          ),
        ),
        new Divider(height: 1.0),
        new Material(
          color: Theme.of(context).cardColor,
          //child: new Container(
          //  padding: const EdgeInsets.symmetric(horizontal: 5.0),
            child: new Row(
              children: <Widget>[
                new Flexible(
                  child: new TextField(
                    maxLines: 1,
                    controller: _myController,
                    onSubmitted: _handleSubmitt,
                    onChanged: (String text) {
                      setState(() {
                        _isComposing = text.length > 0;
                      });
                    },
                    decoration: new InputDecoration.collapsed(hintText: "input here"),
                  ),
                ),
                new IconTheme(
                    data: new IconThemeData(color: Theme.of(context).accentColor),
                    child: Theme.of(context).platform == TargetPlatform.iOS
                        ? new CupertinoButton(child: new Text("Send"), onPressed: _isComposing ? () => _handleSubmitt(_myController.text) : null)
                        : new IconButton(icon: new Icon(Icons.send), onPressed: _isComposing ? () => _handleSubmitt(_myController.text) : null))
              ],
            ),
         //   decoration: new BoxDecoration(
         //     color: Theme.of(context).cardColor,
         //   ),
         // ),
        ),
      ],
    );
  }

cjztool 1 नव॰ 2017

👍6

सभी 3 टिप्पणियाँ

हे @cjztool, आप उसे किसी लपेट कर सकते हैं Material उपयोग करने के बजाय वर्ग Container वर्ग करता है, तो आप सिर्फ यह रंग करने के लिए चाहते हैं।

mchome 1 नव॰ 2017

👍2

मैं एक नौसिखिया हूँ, बहुत बहुत धन्यवाद! अच्छा काम! @mchome
qq 20171101164118

Widget _setupBody() {
    return new Column(
      children: <Widget>[
        new Expanded(
          child: new ListView.builder(
            itemBuilder: (_nothing, int index) => _messageList[index],
            reverse: true,
            itemCount: _messageList.length,
          ),
        ),
        new Divider(height: 1.0),
        new Material(
          color: Theme.of(context).cardColor,
          //child: new Container(
          //  padding: const EdgeInsets.symmetric(horizontal: 5.0),
            child: new Row(
              children: <Widget>[
                new Flexible(
                  child: new TextField(
                    maxLines: 1,
                    controller: _myController,
                    onSubmitted: _handleSubmitt,
                    onChanged: (String text) {
                      setState(() {
                        _isComposing = text.length > 0;
                      });
                    },
                    decoration: new InputDecoration.collapsed(hintText: "input here"),
                  ),
                ),
                new IconTheme(
                    data: new IconThemeData(color: Theme.of(context).accentColor),
                    child: Theme.of(context).platform == TargetPlatform.iOS
                        ? new CupertinoButton(child: new Text("Send"), onPressed: _isComposing ? () => _handleSubmitt(_myController.text) : null)
                        : new IconButton(icon: new Icon(Icons.send), onPressed: _isComposing ? () => _handleSubmitt(_myController.text) : null))
              ],
            ),
         //   decoration: new BoxDecoration(
         //     color: Theme.of(context).cardColor,
         //   ),
         // ),
        ),
      ],
    );
  }

cjztool 1 नव॰ 2017

👍6

@mchome अद्भुत हाहा है! मैंने अभी-अभी आपके होमपेज पर उपयोग किए गए चीनी वर्णों की खोज की है..

cjztool 1 नव॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Flutter: बॉक्सडेकोरेशन आइकन बटन के रिपल को छुपाता है, क्या रेंडरिंग ऑर्डर सही है?

प्रजनन के चरण

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों