Javascript 如何在react native中垂直对齐文本

嗨

对本地人来说真的很新鲜。我正在尝试对齐我的文本，以便“£”符号的顶部与“45”符号的顶部对齐。W3学校展示了一种图像对齐技术“垂直对齐：文本顶部：”，我想知道react native中是否有一种等效的文本对齐技术。

您可以使用它来实现这一点

import*as React from'React'；
从“react native”导入{Text，View，StyleSheet}；
导出默认函数App（）{
返回(
£
45
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
总数：26，
背景颜色：“白色”，
},
行：{
flexDirection:“行”
},
磅信号集装箱：{
justifyContent:'flex start'//要使登录与top对齐，不需要此样式，因为'flex start'是默认行为。
//可以通过以下内容控制垂直对齐：
//“柔性启动”-与顶部对齐
//“中心”-居中
//“柔性端”-与底部对齐
},
庞德符号：{}，
价值：{
尺码：46，
边缘左：5，
//可以使用“线宽”和/或“高度”手动校正对齐，主要是在值和符号大小差异较大时。
线高：42，
身高：42，
},
});您可以使用来实现这一点


import*as React from'React'；
从“react native”导入{Text，View，StyleSheet}；
导出默认函数App（）{
返回(
£
45
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
总数：26，
背景颜色：“白色”，
},
行：{
flexDirection:“行”
},
磅信号集装箱：{
justifyContent:'flex start'//要使登录与top对齐，不需要此样式，因为'flex start'是默认行为。
//可以通过以下内容控制垂直对齐：
//“柔性启动”-与顶部对齐
//“中心”-居中
//“柔性端”-与底部对齐
},
庞德符号：{}，
价值：{
尺码：46，
边缘左：5，
//可以使用“线宽”和/或“高度”手动校正对齐，主要是在值和符号大小差异较大时。
线高：42，
身高：42，
},
});请明确您想要实现的目标？如果可能，共享代码勾选Flexbox属性：对齐项目->flex-start。请清除要实现的目标？如果可能，共享代码勾选Flexbox属性：对齐项->flex-start.Hi谢谢您的帮助。唯一的问题是，当45号字体大小增加时，它们不再排在顶部。相反，它看起来像是45.HI上面的一条线！你完全正确。Text元素包含一种“padding”，这会造成不对齐。您可以使用“lineHeight”、“height”甚至是负“marginTop”样式来手动更正该错误。这些值可能会根据您使用的字体而更改。最后，我还用一个示例实现更新了代码。您好，谢谢您的帮助。唯一的问题是，当45号字体大小增加时，它们不再排在顶部。相反，它看起来像是45.HI上面的一条线！你完全正确。Text元素包含一种“padding”，这会造成不对齐。您可以使用“lineHeight”、“height”甚至是负“marginTop”样式来手动更正该错误。这些值可能会根据您使用的字体而更改。最后，我还用一个示例实现更新了代码。