2016-08-12 12 views
5

मैं काफी प्रतिक्रिया देशी करने के लिए सीएसएस-स्टाइल .. और निम्नलिखित कोड है नया हूँ:प्रतिक्रिया देशी: textAlign: 'सही' सही ढंग से स्टाइल नहीं

<Text> 
<Text style={styles.author, {textAlign: 'left'}}> 
    {question.view_count + ' views\t' + question.comment_count}{(question.comment_count>1 || question.comment_count==0) ? ' comments' : ' comment'} 
</Text> 
<Text style={{textAlign: 'right'}}> 
    {(question.solution_count>0) ? question.solution_count + ' solutions' : ' Solve this' } 
</Text> 
</Text> 

समस्या दूसरी "textAlign है: 'दाएं' "काम नहीं कर रहा है - पाठ अभी भी बाईं ओर है। मैं पाठ को एक ही पंक्ति पर होना चाहता हूं, लेकिन (जाहिर है) दाईं ओर दूसरी टेक्स्ट-ऑब्जेक्ट।

कोई संकेत? धन्यवाद!

संपादित उत्पादन इस तरह दिखता है: Screenshot

+0

आउटपुट एचटीएमएल/सीएसएस कैसा दिखता है? –

+0

@Paulie_D मेरे संपादन देख – dv3

+0

नहीं ... परिणाम की नहीं एक छवि ... वास्तविक HTML/CSS हैं कि नीचे की रेखा सिर्फ एक तत्व है ... आप को दो भागों में इसे तोड़ने की जरूरत है। –

उत्तर

9

मैं अभी पुष्टि नहीं कर सकते, लेकिन आप इस कोशिश कर सकते हैं?

{textAlign: 'right', alignSelf: 'stretch'}

मुझे पता है अगर यह काम करता है।

अद्यतन

मैं एक काम के आसपास का सुझाव कर सकते हैं?

<View style={{flex: 1, flexDirection: 'row'}}> 
    <View style={{flex: 1}}> 
    <Text>4 Views 0 Comments</Text> 
    </View> 
    <View style={{flex: 1}}> 
    <Text style={{textAlign: 'right'}}>Solve This</Text> 
    </View> 
</View> 
+0

दुर्भाग्य से कोई किस्मत .. – dv3

+0

@ dv3 मैं जवाब अद्यतन किया है अधिभावी दूसरे मद के साथ, एक सरणी में अधिभावी शैलियों डाल करने के लिए की जरूरत है। – Mihir

+0

जीनियस! बहुत बहुत धन्यवाद – dv3

संबंधित मुद्दे