react-native - 如何将文本与底部对齐？

Question

提前感谢您的答案我试图将文本对齐到框的底部，我将如何做到这一点？我已经尝试过textAlignVertical，但它不起作用。你有什么建议吗？

屏幕图像

我正在使用样式组件，这是一个非常简单的文本。

const Display_1 = styled.Text`
   font-size: ${Typography.FONT_SIZE_60}px // 49.379....px
   line-height: ${Typography.LINE_HEIGHT_53}px; //43.619....px
   letter-spacing: -1px;
   font-family: ${Typography.FONT_FAMILY_REGULAR} // Heebo
   font-weight: ${Typography.FONT_WEIGHT_REGULAR} // 400
`;


<Display_1>
   Display H1 - Left
</Display_1>

标签： react-native

Answer 1

将这些样式添加到文本的蓝色区域。

bottomText: {
  position: 'absolute',
  bottom: '0px'
}