在 react-native 中使用带有 flex 的形状

【问题标题】：Using shapes with flex in react-native在 react-native 中使用带有 flex 的形状
【发布时间】：2016-11-26 22:48:27
【问题描述】：

我正在尝试在本机反应中写一个圆圈中的文本，但是该圆圈需要使用 flex 适应某个位置。这是可能的吗？当我尝试这样做时，形状总是会变形为一种带有矩形的半圆形。

【问题讨论】：

标签： reactjs react-native flexbox

【解决方案1】：

https://rnplay.org/apps/OolZWQ

我整理了一个这样的例子，它似乎对我来说很好。

    <View style={styles.someLocation}>
      <View style={styles.circle}>
        <Text>Test</Text>  
      </View>
    </View>

也许将你的和我的比较一下？一定要强制你的圈子的大小，不应该有可以改变它的压倒一切的样式。

  circle: {
    width: 100,
    height: 100,
    borderRadius: 100/2,
    backgroundColor: 'red',
    alignItems: 'center',
    justifyContent: 'center'
  },
  someLocation: {
    backgroundColor: '#0f0',
    position: 'absolute',
    right: 0,
    padding: 10
  }

【讨论】：