React native 我能';似乎没有更改此react native视图上的flex属性

React native 我能';似乎没有更改此react native视图上的flex属性,react-native,react-native-flexbox,React Native,React Native Flexbox,我使用的是shoutem/ui组件,我似乎无法使此行项目具有更小的高度-它似乎采用了完整的弹性高度。如何使橙色区域变小?我试着设置flex和height属性,但似乎不起作用 <TouchableWithoutFeedback onPress={() => this.toggleRegister(true)}> <Row style={{backgroundColor:"#ff7f50", height: 20, flex: 0.2}} style

我使用的是shoutem/ui组件,我似乎无法使此行项目具有更小的高度-它似乎采用了完整的弹性高度。如何使橙色区域变小?我试着设置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>
this.toggleRegister(true)}>
你没有账户吗?

行组件可能实际上不采用样式…您是否可以尝试将样式移动到无反馈的Touchable,或在其周围添加视图?

根据文档判断,行组件不采用
样式
,因此只需使用
样式名

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

你没有账户吗?

请将表单区域的样式也张贴出来-它可能与橙色区域有关。此外,橙色区域的高度为20,弯曲。为什么?