मैं मूल निवासी को टेक्स्ट वर्टिकल (घुमाया हुआ 90 डिग्री) कैसे बना सकता हूं?

101

मैं <Text />मूल निवासी को ऊर्ध्वाधर (घुमाए गए 90 डिग्री) कैसे बना सकता हूं ? मैं स्क्रीन के किनारे पृष्ठ के दाईं ओर कुछ पाठ रखना चाहता हूं।

react-native

— Dev01
स्रोत

जवाबों:

220

आप एक परिवर्तन का उपयोग कर सकते हैं।

https://facebook.github.io/react-native/docs/transforms.html#proptypes

myStyle: {
    transform: [{ rotate: '90deg'}]
}

— डी-बेल
स्रोत

@JacobLauritzen यह रिएक्टिव नेटिव में काम करता है! मैंने अभी परीक्षण किया है और यह संस्करण 0.52.0 के साथ काम करता है।

— शिमताई

@shimatai कमाल! मैं पिछली (अब हटाई गई) टिप्पणी का जवाब दे रहा था, हालांकि, समाधान नहीं। समाधान महान काम करता है।

— जेकब लॉरिटज़ेन

मेरे मामले के लिए, पाठ टाउचेबल में लिपटा हुआ है। और रोटेशन के बाद, स्पर्श करने योग्य क्षेत्र अपरिवर्तित रहता है। कोई उपाय?

— चेंगसम

@ चेंगसाम ऑफहैंड, मुझे लगता है कि आपको टौचेबल को घुमाने की भी आवश्यकता हो सकती है (या हो सकता है कि टाउचेबल को घुमाते हुए यह पाठ को घुमाएगी यदि यह एक बच्चा है)।

— मैथ्यू मैक्फोर्ड

-1

जीव दृश्य

            <View style={styles.arrow_1_6} ></View>

शैली परिवर्तन में जोड़ें: [{घुमाएँ: '14deg'}], यदि आप दृश्य स्थिति को पूर्ण बनाते हैं तो यह दूसरे दृश्य को प्रभावित नहीं करेगा!

घुमाव 0 से 360 डिग्री से शुरू होता है।

   arrow_1_6: {
   transform: [{ rotate: '14deg' }],
  width: 260,
  marginTop: 145,
  position: 'absolute',
  marginLeft: 75,
  backgroundColor: 'orange',
  height: 4,
  flexDirection: "row",
  padding: 0,
  alignItems: 'center',
  justifyContent: 'flex-start',
  borderBottomColor: '#075fff',
  borderBottomWidth: 4,

— उमर बख्श
स्रोत