ios - React Native Text 组件不会在 View 组件内居中

Question

您好，我认为这应该很简单，但我无法让它工作。似乎无论我做什么，我都无法让文本组件在 View 内水平居中。我试过使用 alignItems:center, justifyContent:center, alignSelf:center, textAlign:center... 没有任何效果。我可以让它垂直居中，但不能水平居中。为什么 yyyy 亲爱的主？

<Animated.View style={[styles.titleContainer]}>
    <Text style={styles.title}>App logo here</Text>
</Animated.View>

如何让文本在垂直和水平方向上都居中？

这是我的 CSS:

titleContainer: {
    flex: 1,
    marginTop:30,
    marginBottom:30,
    justifyContent:'center'
},
title:{
    color:'white',
    textAlign:'center',
    alignSelf:'center'
},

这是我的结果:

Answer 1

试试这个... 这是一个 working demo

  container: {
    flex: 1,
    marginTop: 30,
    marginBottom: 30,
    justifyContent: 'center',
    backgroundColor: '#fff',
  },
  title: {
    fontSize: 28,
    textAlign: 'center',
  },