कृपया अपना कोड पोस्ट करें कि कैसे मैं कंटेनर लेआउट को ऊपर-दाएं और ऊपर बाएं से गोलाकार बना सकता हूं, कृपया अधिक छवि के लिए देखें।यहां छवि विवरण दर्ज करें

0
JSharma 12 जून 2019, 09:11

2 जवाब

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

आप या तो Container का उपयोग BoxDecoration के साथ कर सकते हैं, या इसके बजाय ClipRRect विजेट का उपयोग कर सकते हैं।


Container बॉर्डर रेडियस के साथ बस अपनी पृष्ठभूमि के रूप में गोलाकार बॉक्स खींचता है और डिवाइस के प्रदर्शन के मामले में सबसे अच्छा है।

Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24)),
  ),
  child: // ...,
),

दूसरी ओर ClipRRect बेहतर दिखता है क्योंकि यह खुद को और पूरे उपट्री को एक गोल बॉक्स के रूप में क्लिप करता है। हालांकि, प्रदर्शन के मामले में डिवाइस के लिए इसे खींचना और बनाए रखना काफी महंगा है।

ClipRRect(
  borderRadius: BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24)),
  child: // ...,
),

अधिक जानकारी के लिए यह उत्तर देखें

मुझे बताएं कि क्या इससे मदद मिली।

0
George 12 जून 2019, 09:50

अपने कोड में BoxDecoration जोड़ें

decoration: new BoxDecoration(
  borderRadius: new BorderRadius.only(
    topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
    topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
  )
),

तो कुल मिलाकर आपका कोड होगा

Container(
  decoration: new BoxDecoration(
    borderRadius: BorderRadius.only(
      topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
      topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
    )20.
  ),
  child: //Child widget
),
1
Mangaldeep Pannu 12 जून 2019, 09:50