मुझे स्थिति की बार पृष्ठभूमि = नारंगी और पूरे अन्य क्षेत्र को नीले रंग में सेट करने की आवश्यकता है

स्निपेट:

class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        backgroundColor: Colors.orange,
        body: SafeArea(
            child: SingleChildScrollView(
                child: new Container(
                    color: Colors.blue,
                    margin: const EdgeInsets.only(
                        left: Constants.DEFAULT_MARGIN,
                        top: Constants.DEFAULT_MARGIN,
                        right: Constants.DEFAULT_MARGIN),
                    child: new Text("TEST TEXT")))));
  }
}

नतीजा:

enter image description here

केवल टेक्स्ट विजेट के लिए नीली पृष्ठभूमि ही क्यों?

4
a_subscriber 26 मार्च 2020, 14:02

1 उत्तर

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

यह समस्या इसलिए आई है क्योंकि आपका कंटेनर बचपन में केवल शामिल तक ही विस्तृत होगा।

आप अपने डिवाइस के स्क्रीन आकार के अनुसार अपने कंटेनर की ऊंचाई और चौड़ाई निर्धारित करने के लिए मीडिया क्वेरी का उपयोग कर सकते हैं।

निम्नलिखित कोड को आपका वांछित प्रभाव प्राप्त करना चाहिए:

return Scaffold(
      backgroundColor: Colors.orange,
      body: SafeArea(
        child: SingleChildScrollView(          
          child: Container(
            color: Colors.blue,
            height: MediaQuery.of(context).size.height,
            width: MediaQuery.of(context).size.width,
            child: Text("TEST TEXT"),
          ),          
        ),
      ),
    );

This is what this code looks like

4
Sam 13 अक्टूबर 2020, 23:03