HarmonyOS RNOH Text组件设置了lineHeight文字不居中
<Text
numberOfLines={1}
style={{
maxWidth: 60,
textAlign: 'center',
color: '#262626',
fontSize: 14,
lineHeight: 30,
backgroundColor: 'red',
}}>
{'定位中'}
</Text>
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
设置了lineHeight，文字不在中间在偏下位置，设置了textAlignVertical: 'center'也不管用。
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS <Text>的styles设置lineHeight后，文字不会自动垂直居中
655浏览 • 1回复 待解决
HarmonyOS RN端Text 设置lineHeight之后，如何lineHeight比fontSize大，文本内容不居中
1400浏览 • 1回复 待解决
HarmonyOS 对Text控件设置了lineHeight后，文字在水平方向不居中，导致视觉上和其他控件不对齐
1534浏览 • 0回复 待解决
HarmonyOS 设置Text的height == lineHeight,没有垂直居中
1110浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
1108浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字不居中
954浏览 • 1回复 待解决
HarmonyOS Text组件如何设置文字方向
574浏览 • 1回复 待解决
HarmonyOS text组件不设置width
670浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
670浏览 • 1回复 待解决
HarmonyOS Text组件是否可以设置文字描边
1189浏览 • 1回复 待解决
HarmonyOS AlertDialog.show文字居中与颜色设置
854浏览 • 1回复 待解决
HarmonyOS Text组件设置fontFamily后出现文字平铺的情况
597浏览 • 1回复 待解决
想实现文字在Text组件右下方显示，设置了.align(Alignment.BottomEnd)，但是文字只在下方左侧显示
1123浏览 • 1回复 待解决
HarmonyOS Text部分文字高亮设置
809浏览 • 1回复 待解决
HarmonyOS C++ NativeDrawing未提供对应Text组件的lineSpacing和lineHeight接口
601浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
355浏览 • 1回复 待解决
HarmonyOS Text组件是否支持文字描边
734浏览 • 1回复 待解决
画布绘制文字，垂直居中
876浏览 • 1回复 待解决
HarmonyOS Marquee组件在文本长度较短，不足以滚动时如何设置文字居中显示
548浏览 • 1回复 待解决
当子组件设置了position，onPlaceChildren是不是对子组件不起效？
2187浏览 • 1回复 待解决
HarmonyOS Tabs设置了高度后，tabcontent只能居中对齐吗
721浏览 • 1回复 待解决
如果通过代码给Text设置文字color（java）
6284浏览 • 1回复 待解决
HarmonyOS 设置了icon和label不生效
1073浏览 • 1回复 待解决
HarmonyOS text组件设置copyOption
557浏览 • 1回复 待解决
相对布局RelativeContainer，当子组件设置了margin时，居中效果不符合预期
2796浏览 • 1回复 待解决
text组件的height和lineHeight设置的是Text本身的属性，若是设置文本相对于文本框的位置可以使用lineHeight配合padding实现垂直居中。若是设置文本框相对于父组件的垂直居中，可以通过.justifyContent(FlexAlign.Center)设置父组件中子元素主轴上居中，通过.alignItems(HorizontalAlign.Center)/.alignItems(VerticalAlign.Center)设置纵向/横向布局父组件中子元素在交叉轴上居中。或者在module.json5的module中添加：
值得注意的是，该方法谨慎使用，因为是对当前hap整体生效的，可能会影响其他的已经开发好的Text显示。例如如果其他Text使用lineHeight和padding已经调整了居中，但是又设置了这个属性，会导致原来已经居中的不再居中。