जब मैं दस्तावेज़ीकरण को देखता हूं, तो ऐसा लगता है जैसे Stack element वह है जिसका उपयोग मुझे अपना ऐप तैयार करने के लिए करना चाहिए।

मैं एक शीर्ष लेख, एक पाद लेख और एक मुख्य खंड के साथ एक बुनियादी लेआउट चाहता हूँ। शीर्षलेख और पादलेख की निश्चित ऊँचाई होनी चाहिए। मुख्य भाग को ऊंचाई में बढ़ना/सिकुड़ना चाहिए। सभी में विंडो की चौड़ाई का 100% होना चाहिए।

मैंने grow प्रोप को Stack.Item पर देखा। मुझे लगता है कि मुझे grow केवल मुख्य भाग पर सेट करने की आवश्यकता है।

समस्या यह है कि मैं Stack को खिड़की की पूरी ऊंचाई पर नहीं बना सकता। यह अपने बच्चों के आधार पर अपना आकार निर्धारित करता है।

मुझे लगता है कि मेरे पास दो संभावित समाधान हैं:

1) खिड़की की ऊंचाई के आधार पर Stack की ऊंचाई निर्धारित करें। इसकी ऊंचाई को भी एक अवस्था बनाएं, ताकि जब खिड़की की ऊंचाई बदल जाए, तो Stack ऊंचाई बदल दें।

2) उच्च स्तरीय लेआउट सीधे CSS/HTML में करें, जैसे flexbox का उपयोग करना। Stack का प्रयोग केवल इन-सेक्शन लेआउट के लिए करें।

आपकी क्या सलाह है?

0
Zargo 6 अगस्त 2019, 01:14

2 जवाब

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

Stack का उपयोग करके लेआउट की अपनी आवश्यकताओं को प्रदर्शित करने के लिए यहां codepen दिया गया है। यह मूल रूप से वही कर रहा है जो आपने विकल्प 1 में सुझाया था। आप हमेशा विकल्प 2 पर गौर कर सकते हैं लेकिन यह सब आपके ऐप की जटिलता पर निर्भर करता है।

1
Vitalie Braga 6 अगस्त 2019, 05:54

स्टैक फ्लेक्सबॉक्स का एक अमूर्त है जिसमें कुछ अच्छी चीजें शामिल हैं (जैसे अंतराल)। इसलिए यदि फ्लेक्सबॉक्स आपके पेज लेआउट को बनाने के लिए पर्याप्त है, तो स्टैक पूरी तरह से काम करेगा।

यदि आपको अधिक जटिल, 2 आयामी लेआउट की आवश्यकता है, तो आप प्रत्येक क्षेत्र के लिए सामान्य सीएसएस ग्रिड, और फिर उन क्षेत्रों में से प्रत्येक के अंदर स्टैक के माध्यम से लेआउट सामग्री चाहते हैं।

1
Micah Godbolt 6 अगस्त 2019, 19:08