सीमा त्रिज्या टैब दृश्य विजेट के साथ कंटेनर विजेट काम नहीं कर रहा है। मैं छवि में दिखाए गए अनुसार बाहर निकलना चाहता हूं

Question

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

flutter flutter-layout

0

JSharma 12 जून 2019, 09:11

Answer 1

आप या तो 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

Answer 2

अपने कोड में 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

2 जवाब

संबंधित सवाल

जुड़े हुए प्रश्न

नए सवाल

flutter