如何在react native中对齐多行文本
如何在react native中对齐多行文本
提问于 2018-12-17 14:38:52
在我的屏幕中，我需要将文本拆分为列视图，并需要将右侧文本与左侧文本对齐。此外，需要逐行显示整个文本。测试给出一些高度，宽度，位置:绝对的，但不起作用。你知道怎么解决这个问题吗？
我会张贴我当前的代码和截图供你参考。
非常感谢您的帮助
<View style={styles.twoCol}>
<View style={styles.leftField}>
<Text style={styles.leftFieldTitle}>Location:</Text>
</View>
<View style={styles.locationRightSide}>
<Text style={styles.rightFieldTitle}>{location}</Text>
</View>
</View>
const styles = StyleSheet.create({
twoCol: {
alignItems: 'center',
flexDirection: 'row',
marginTop: 25,
},
leftField: {
alignItems: 'flex-end',
width: '25%',
},
leftFieldTitle: {
fontWeight: '700',
color: 'black'
},
},
locationRightSide: {
width: '70%',
alignItems: 'flex-start',
paddingLeft: 10
},
rightFieldTitle: {
fontSize: RF(2.8),
color: 'black'
},
)}
回答 1
Stack Overflow用户
发布于 2018-12-17 17:17:03
问题解决了！谢谢大家！
<View style={{
padding: 10,
flexDirection: "row",
marginLeft: 10,
marginRight: 5,
marginTop: 5,
marginBottom: 3,
justifyContent: "flex-start",
width: '95%',
}} >
<View style={{
position: 'absolute',
marginTop: 10
}}>
<Text style={styles.leftFieldTitle}>Location:</Text>
</View>
<View style={{ marginLeft: '26%' }}>
<Text style={styles.rightFieldTitle}>{location}</Text>
</View>
</View>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53810046
复制相关文章
相似问题
腾讯云开发者
