ReactNative无法通过容器提供的高度来使文本居中。

17 浏览
0 Comments

ReactNative无法通过容器提供的高度来使文本居中。

当我为容器添加高度时，我的文本会离开中心位置，如提供的图像所示。如何使高度为24的容器居中？

我也在这里看了看，有人遇到了类似的问题 - ReactNative：如何将文本居中？但仍然无法居中。

居中图像之外的文本

        
            1
        
    const styles = StyleSheet.create({
        container: {
            alignSelf: "center",
            justifyContent: "center",
            borderRadius: 12,
            minWidth: 24,
            height: 24,
            borderWidth: 3,
            borderColor: "red",
        },
        text: { textAlign: "center", textAlignVertical: "center" },

admin 更改状态以发布 2023年5月24日
0

1 答案

0 Comments

请试一下这个 🙂

container: {
            alignSelf: "center",
            justifyContent: "center",
            borderRadius: 12,
            minWidth: 24,
            height: 24,
            borderWidth: 3,
            borderColor: "red",
            alignItems:"center // try this
        },

0