我似乎无法更改此反应原生视图上的flex属性

时间:2017-05-23 14:31:31

标签: react-native react-native-flexbox

我正在使用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>

enter image description here

2 个答案:

答案 0 :(得分:1)

Row组件实际上可能不会采用样式...您是否可以尝试将样式移动到TouchableWithoutFeedback或使用View围绕它?

答案 1 :(得分:0)

根据文档判断,Row组件不会style,所以只需使用styleName

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