react-native - 我似乎无法更改此反应本机视图的 flex 属性

Question

我正在使用shoutem/ui http://shoutem.github.io/docs/ui-toolkit/components/rows组件，我似乎无法让这个行项目的高度更小 - 它似乎正在占用完全弯曲高度。如何让橙色区域变小？我尝试设置 flex 和 height 属性，但它似乎不起作用。

     <TouchableWithoutFeedback onPress={() => this.toggleRegister(true)}>
        <Row style={{backgroundColor:"#ff7f50", height: 20, flex: 0.2}} styleName="small">
          <Icon name="edit" />
          <Text>Don't have an account?</Text>
          <Icon styleName="disclosure" name="right-arrow" />
        </Row>
      </TouchableWithoutFeedback>

Answer 1

Row 组件实际上可能不采用样式...您可以尝试将样式移动到 TouchableWithoutFeedback 或用 View 包围它吗？

Answer 2

从文档来看， Row 组件不需要style，所以只需使用styleName.

<Row styleName="small">
    <Icon name="edit" />
    <Text>Don't have an account?</Text>
    <Icon styleName="disclosure" name="right-arrow" />
</Row>