2015-03-29 30 views
28

में घटक ऊंचाई को 100% पर सेट करना मैं शैली संख्यात्मक मानों की ऊंचाई तत्व 40 दे सकता हूं लेकिन इन्हें पूर्णांक होना आवश्यक है। मैं 100% की ऊंचाई रखने के लिए अपना घटक कैसे बना सकता हूं?प्रतिक्रिया-मूल

उत्तर

30

flexbox doc देखें। स्टाइलशीट में, का उपयोग करें:

flex:1, 
+2

यह वास्तव में ऊंचाई और चौड़ाई दोनों को 100% पर सेट करता है। केवल ऊंचाई निर्धारित करें? – fatuhoku

+0

क्या आपने 'फ्लेक्स-दिशा' सेट किया है? – wangii

+0

क्षमा करें - मुझे नहीं पता कि मैंने वास्तव में क्या बदल दिया है लेकिन ऐसा लगता है कि मैं इसे अभी चाहता हूं। मैं तत्व को बढ़ाने के लिए 'flex' विकल्प का उपयोग कर रहा था। – fatuhoku

27

ले लो एक चर में खिड़की ऊंचाई, तो यह फ्लेक्स कंटेनर की ऊंचाई के रूप में आवंटित आप लक्षित करना चाहते:

let ScreenHeight = Dimensions.get("window").height; 

अपनी शैली में:

var Styles = StyleSheet.create({ ... height: ScreenHeight }); 

नोट आप इसे उपयोग करने से पहले आयाम आयात करने के लिए है:

import { ... Dimensions } from 'react-native' 
1

आप अपने आइटम की स्टाइलशीट में height: '100%' जोड़ सकते हैं। यह मेरे लिए काम करता है

+0

होना चाहिए यह प्रतिक्रिया मूल – Southerneer

+0

पर काम नहीं करता है आपकी परियोजना किस संस्करण को चल रही है? मैं 49.3 का उपयोग कर रहा हूं और यह अभी भी अच्छी तरह से काम करता है –

+0

यह सुनिश्चित नहीं है कि यह क्यों नीचे मतदान किया जा रहा है। मेरी मशीन (टीएम) – Andrioid